js中的插入节点

    把新创建的节点插入到文档的节点树最简单的方法就是让它成为该文档某个现有节应的子节点,appendChild(newChild)作为要添加子节点的节点的方法被调用,将一个标识为newChild 的节点添加到它的子节点的末尾。语法如下:

<script type="text/javascript">

//页面加载完成后用

  window.οnlοad=function(){

    //获取body标签

    var bodytag=document.body||document.documentElement;

    //创建div标签

    var div=document.createElement("div");

    //设置div的ID属性值

    div.setAttribute("id","mydiv");

    //将div插入到body中

   //父节点.appendChild(子节点)

    bodytag.appendChild(div);

    //创建h1元素节点

    var mytitle=document.createElement("h1");

    var txt=document.createTextNode("注意事项");

    mytitle.appendChild(txt);

    div.appendChild(mytitle);

    //创建p元素节点

    var myp=document.createElement("p");

    var txt=document.createTextNode("课后将电脑关闭");

    myp.appendChild(txt);

    div.appendChild(myp);
  }

  </script>

      这样就可以直接运用了。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值