JS *** 作HTML节点添加子节点?

假设你的xml为stu.xml

---------------那么--------------

$doc = new DOMDocument()

$doc->load( 'stu.xml' )

$students = $doc->getElementsByTagName( "xuesheng" )

foreach($students as $stu){

$yuwen = $stu->getElementsByTagName( "yuwen" )->item(0)->nodeValue

$shuxue = $stu->getElementsByTagName( "shuxue" )->item(0)->nodeValue

$yingyu = $stu->getElementsByTagName( "yingyu" )->item(0)->nodeValue

$zongfen = $stu->getElementsByTagName( "zongfen" )->item(0)->nodeValue

if($zongfen){

echo "节点已经存在了，不再添加!"

continue

}

$zongfen = $yuwen+$shuxue+$yingyu

$newNode = $doc->createElement("zongfen",$zongfen)

$stu->appendChild($newNode)

}

echo $result = $doc->saveXML()

file_put_contents("stu.xml",$result) //这句其实是不需要加上的- - 但是我也不晓得为什么save不了，就加了这句~

希望对你有用哦~

1.首先创建html结构，如下图所示，一个input元素，一个按钮，一个空的ul列表。

2.然后添加按钮点击事件，如下图所示，在按钮点击事件中获得input元素。

3.通过value属性我们可以获得用户在input中输入的内容，如下图所示。

4.下面我们来动态创建一个li元素，如下图所示，运用document中的createElement方法即可。

5.创建好li元素以后，下面要做的就是给其设置innerHTML内容，如下图所示。

6.接下来就是获取ul元素了，如下图所示，仍然用getElementById方法。

7.最后通过调用appendChild方法将创建的li元素添加到ul列表中，如下图所示。

$(function() {

var html = ""

// 添加 5 行

for(var r = 0r <5r++) {

html += "<tr>"

// 每行添加 3 个单元格

for(var c = 0c <3c++) {

html += "<td>r" + r + "c" + c + "</td>"

}

html += "</tr>"

}

$("#table").append(html)

}) <table border="1" id="table"></table>

---