document.createElement('tagName');
parent.appendChild(childNode);
注:父元素调用该方法。换查
由于DOM对象属于引用类型,动复点所以在操作appendChild和insertBefore方法时,中添制删找节 控制的加移节点如果是文档中存在的节点,那么将把这个节点移到目标处。除替
oLi.cloneNode(true);
注:参数true表示深度克隆(深拷贝),换查false 表示浅度克隆(浅拷贝),深拷贝也就是复制节点及整个节点数;浅拷贝复制节点本身。复制后返回的节点副本属于文档所有,但并没有为它指定父节点。因此,整个节点副本就成为一个‘孤儿’:
<ul id='oUl'><li>item 1</li><li>item 2</li><li>item 3</li>
<script> var myList = document.getElementById("oUl"); var deepList = myList.cloneNode(true); console.log(deepList.childNodes.length);//3 (IE<9) 或7 (其它浏览器) var shallowList = myList.cloneNode(false); console.log(shallowList.childNodes.length);//0</script>
cloneNode()方法不会复制添加DOM节点的JS属性,例如事件处理程序等。这个方法只复制特性,其他一切都不会复制。
parentNode.removeChild(childNode);
注:父元素调用该方法,返回值为被删除的节点。
parentNode.replaceChild(newNode,oldNode);
注:oldNode节点必须是parentNode的子节点。
parentNode.insertBefore(newEle, oldNode);
注:父元素调用该方法。
经典的问题解析。
createDocumentFragment() //创建一个DOM片段createElement() //创建一个具体的元素createTextNode() //创建一个文本节点。
appendChild() removeChild() replaceChild()insertBefore() //在已有的子节点前插入一个新的子节点查找getElementsByTagName() //通过标签名称getElementsByName() //通过元素的Name属性的值(IE容错能力较强,会得到一个数组,其中包括id等于name值的)getElementById() //通过元素Id,唯一性
责任编辑:姜华 来源: 今日头条 DOM对象JS(责任编辑:百科)
58同城回应996工作制称:不会强制要求按照996规定安排工作
大别山革命老区正式迎来“高铁时代” 黄黄高铁正线全长126.85公里
拖拽下图像就能生成视频,中科大、微软等DragNUWA属实惊艳