js appendChild( )

最新推荐文章于 2024-05-16 04:23:10 发布

cvper

最新推荐文章于 2024-05-16 04:23:10 发布

阅读量2.2k

点赞数 1

分类专栏： JavaScript 文章标签： js appendChild() javascript 添加新节点

本文链接：https://blog.csdn.net/cvper/article/details/79771252

版权

JavaScript 专栏收录该内容

42 篇文章 1 订阅

订阅专栏

 
 js DOM 操作 appendChild() 

下面的页面中有三个段落标签，我们在末尾再添加一个；

   <!doctype html> 
 

   < 
  html> 
 

   < 
  head> 
 
 
  < 
  meta 
  charset= 
  "utf-8" 
  > 
 
 
  < 
  title 
  >appendChild() 
  </ 
  title 
  > 
 

   </ 
  head> 
 

   < 
  body> 
 
 
  < 
  p 
  id= 
  "first" 
  >我是第一个 
  </ 
  p 
  > 
 
 
  < 
  p 
  id= 
  "second" 
  >我是第二个 
  </ 
  p 
  > 
 
 
  < 
  p 
  id= 
  "third" 
  >我是第三个 
  </ 
  p 
  > 
 
 
  < 
  script 
  > 
 
 
   window. 
  onload 
  = 
  function 
  (){ 
 
 
    
  var 
    
  newp 
  = 
  document. 
  createElement 
  ( 
  "p" 
  ); 
  //创建新的节点 p 
 
 
    
  newp 
  . 
  innerHTML 
  = 
  "我是新加的" 
  ;  
  //给新创建的节点p 添加内容 
 
 
   document.body. 
  appendChild 
  ( 
  newp 
  );  
  //在第二个节点之前插入新创建的节点 
 
 
   } 
 
 
    
  < 
  / 
  script 
  > 
 

   </ 
  body> 
 

   </ 
  html> 
 

appendChild( ) 的用法：

document.body.appendChild( newp );

document.body 是要加的段落的父元素， appendChild ( newp )里面有一个参数,

这个参数就是我们要添加的新节点；

cvper

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js appendChild( )

js DOM 操作 appendChild()下面的页面中有三个段落标签，我们在末尾再添加一个；&lt;!doctype html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;appendChild()&lt;/title&gt; &lt;/hea
复制链接

扫一扫

专栏目录