美文网首页
Dom中对节点进行增加、删除、修改、查找

Dom中对节点进行增加、删除、修改、查找

作者: pangzhi | 来源:发表于2018-06-14 00:41 被阅读0次

在js中怎么对文档节点进行操作?

1;增加节点。

第一步;我们要拿到我们要对那个节点容器中增加节点; var  存储容器名=document.getElementByClassName()[  ];

第二步;创建节点; var  节点=document.CreateElement("标签名")

第三步;把创建的节点添加到容器中去;存储容器名.appendChild(节点);

实列;

    var p1 = document.createElement("p");      //创建节点p

    var wenben = document.createTextNode("ni hao  wo shi di yige shuju");       //创建文本内容节点

    p1.appendChild(wenben);        //把创建的消息添加到创建的新节点的子元素中去;

    var box3 = document.getElementsByClassName("box3")[0];   //要把创建的节点增加到那个容器中;我们先要拿到这个容器

    box3.appendChild(p1);    //把新创建的标签添加到容器中去;如果不指定位置;默认是添加在尾部;

相关文章

  • Dom中对节点进行增加、删除、修改、查找

    在js中怎么对文档节点进行操作? 1;增加节点。 第一步;我们要拿到我们要对那个节点容器中增加节点; var 存储...

  • JavaScript基础知识点--DOM操作之节点

    DOM之节点 添加节点 删除节点 修改节点 查找节点 添加节点 create 系列方法 document.crea...

  • DOM和BOM的基础知识

    目录 js组成 DOMDOM是什么DOM节点是什么查找DOM节点,查看DOM节点的属性和样式添加DOM节点删除DO...

  • javascript 与CSS 交互-8.22

    复习 访问指定节点的方法? 查看/修改属性节点? 根据层次关系查找节点? 创建和增加节点? 删除和替换节点的方法?...

  • jS|DOM操作

    DOM节点的获取 DOM节点的创建 DOM节点删除 修改DOM元素 将指定两个DOM元素交换位置

  • DOM和HTML DOM

    DOM 核心DOM适合操作节点,如创建,删除,查找等 createElement appendChild setA...

  • DOM 及 HTML和XML

    0 DOM分为三部分: (1)核心DOM:遍历DOM树、添加新节点、删除节点、修改节点 (2)HTML DOM:以...

  • DOM操作

    DOM 文档对象模型,操作【获取/新增插入/删除/修改/复制/替换】文档中的节点节点:【node】元素节点,文本节...

  • jQuery中的DOM节点操作

    查找节点(略) 创建节点 插入节点 包裹节点 删除节点 复制节点 替换节点 节点遍历(略) 操作dom节点属性 ...

  • js dom节点操作

    获取dom节点 新增dom节点 删除dom节点

网友评论

      本文标题:Dom中对节点进行增加、删除、修改、查找

      本文链接:https://www.haomeiwen.com/subject/sgaseftx.html