如何使用JavaScript的addChild方法將節點添加到我的div？

Question

你好，我有一個div如下

<div id="test" class="test2"> 
<p> <a href=""> <a> </p> 
<p> <a href=""> <a> </p> 
<p> <a href=""> <a> </p> 
<p> <a href=""> <a> </p> 
</div> 

（我已經剝離出來的數據卻是結構）

一個人如何使用JavaScript的AddChild功能添加一個新的節點

<p> <a href=""> <a> </p> 

我知道如何使用removeChild函數，但我一直無法使用addChild函數查找文檔和示例。

如果我有一個php數組中的節點字符串，並且可以通過一個按鈕執行包含數組的GET腳本的php腳本，請點擊如何使用addChild函數將節點字符串放入div中？

Answer 1

addChild是一個PHP函數，JavaScript函數被調用appendChild：

var dv = document.createElement("p"); 
dv.innerHTML = "<a href=""> </a> "; 
document.getElementById('test').appendChild(dv) 

Alternativly，您可以在節點串附加到HTML： document.getElementById('test').innerHTML += '<p> <a href=""> <a> </p> '

Answer 2

W3Schools的具有示例使用appendChild()

adding a node爲

Answer 3

既然你有一個字符串，你首先需要創建它的DOM表示（你不能通過一個字符串appendChild，只有一個DOM元素）。要做到這一點，最簡單的方法是將其放入另一個元素中，然後獲取其內容。

var temp = document.createElement('div'); // create a temporary dom element 
temp.innerHTML = '<p><a href="#">some cool html string</a></p>'; // give it your html string as content, the browser will then create the corresponding dom representation 
var childs = temp.childNodes; // grab the resulting child elements 
document.getElementById('where_to_append').appendChild(childs); // append them to where you want 

或者你可以簡單地通過使用的innerHTML無論如何設置它不使用appendChild：

var my_div = document.getElementById('where_to_append'); 
my_div.innerHTML = my_div.innerHTML + '<p><a href="#">some cool html string</a></p>';