javascript中dom节点操作(创建节点、增加节点、删除节点、克隆节点)
2015-11-25 01:50
746 查看
1.1 dom 的节点操作
新建节点 插入节点 删除节点 克隆节点1.1.1 创建节点
var div = document.creatElement(“li”);上面的意思就是 生成一个新的 li 标签
1.1.2 插入节点
1. appendChild(); 添加孩子 append 添加的意思意思: 添加孩子 放到盒子的 最后面。
2. insertBefore(插入的节点,参照节点) 子节点 添加孩子
写满两个参数
demo.insertBefore(test,childrens[0]);
放到了第一个孩子的前面
如果第二个参数 为 null 则 默认这新生成的盒子放到最后面。
demo.insertBefore(test,null);
1.1.3 移除节点
removeChild() 移除孩子节点var da = document.getElementById("xiongda");
demo.removeChild(da);
1.1.4 克隆节点
cloneNode();复制节点
括号里面可以跟参数 , 如果 里面是 true 深层复制, 除了复制本盒子,还复制子节点
如果为 false 浅层复制 只复制 本节点 不复制 子节点。
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- CSS3属性教程与案例分享
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- W3C api 抓取
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享
- 如何创建对象以及jQuery中创建对象的方式