javascript 插入节点appendChild()

最新推荐文章于 2023-01-09 01:38:14 发布

景上

最新推荐文章于 2023-01-09 01:38:14 发布

阅读量3.4k

点赞数

分类专栏： javascript 文章标签： javascript appendChil

本文链接：https://blog.csdn.net/baidu_32731497/article/details/51804058

版权

javascript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

插入节点appendChild()

在指定节点的最后一个子节点列表之后添加一个新的子节点。

语法:
appendChild(newnode)
参数:
newnode：指定追加的节点。

在script标签内，为ul添加一个li，设置li内容为PHP。

<!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 newLi = document.createElement("li");
  newLi.innerHTML = "PHP";
  otest.appendChild(newLi);
</script> 

</body>
</html>

结果：

.JavaScript
.HTML
.PHP

景上

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
javascript 插入节点appendChild()

插入节点appendChild()在指定节点的最后一个子节点列表之后添加一个新的子节点。语法: appendChild(newnode) 参数: newnode：指定追加的节点。在script标签内，为ul添加一个li，设置li内容为PHP。<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/h
复制链接

扫一扫