appendChild(newnode)在指定节点的最后一个子节点列表之后添加一个新的子节点

Posted David1314

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了appendChild(newnode)在指定节点的最后一个子节点列表之后添加一个新的子节点相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>

<ul id="test">
<li>javascript</li>
<li>HTML</li>
</ul>

<script type="text/javascript">

var otest = document.getElementById("test");
var newnode = document.createElement("li");
newnode.innerHTML = "php";
otest.appendChild(newnode);
</script>

</body>
</html>

以上是关于appendChild(newnode)在指定节点的最后一个子节点列表之后添加一个新的子节点的主要内容,如果未能解决你的问题,请参考以下文章

子节点的应用

Javascript进阶篇——(DOM—节点---插入删除和替换元素创建元素创建文本节点)—笔记整理

dom增删改查

DOM节点:操作节点

javascript08--获取元素内容

[js高手之路] dom常用APIappendChild,insertBefore,removeChild,replaceChild,cloneNode详解与应用