从元素检索文本并将其插入其他地方

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> 

任何KN一个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在幕后做了相同的事情，只有你需要自己编写代码。