從元素檢索文本並將其插入其他地方

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在幕後做了相同的事情，只有你需要自己編寫代碼。