Question

我想从“p”标签之间获取文本并将其放在其他元素中，如下所示：

之前：

<div id="Text">
 <p>$1,200.00</p>
</div>

<div id="putText">
 <p></p>
</div>

后：

<div id="Text">
 <p>$1,200.00</p>
</div>


<div id="putText">
 <p>$1,200.00</p>
</div>

有人知道可以做到这一点的Javascript吗？

Answer 1

以下函数将ID为ID的元素下的第一段内容复制到ID为putID的另一个元素下的段落。

function copyContents(id) {
    var source = document.getElementById(id).getElementsByTagName("p")[0];
    var target = document.getElementById("put" + id).getElementsByTagName("p")[0];
    target.innerHTML = source.innerHTML;
}
copyContents("Text");

Answer 2

您可以使用以下jQuery代码

$('#putText p').html($('#Text p').html());

Answer 3

如果你有jQuery可供使用，那就相当容易 - 这样的事情应该有效：

$('#putText>p').text($('#Text>p').text())

如果你不这样做，那么你将不得不采用一些DOM操作 - 就像jQuery在幕后所做的那样，只需要你自己编写代码。

从元素中检索文本并将其插入其他位置

3 个答案: