DOM笔记
<!--
节点类型检查
if(someNode.nodeType==ElementNode){
alert("Node is an element");
}
或者
if(someNode.nodeType==1){
alert("Node is an element");
}
使用nodeName和nodeValue这两个属性
if(someNode.nodeType==1){
var someNode.nodeName();//nodeName的值是元素的标签名
}
每一个节点都有一个childNodes属性。当中保存NodeList对象。NodeList是一种类型数组对象。用于保存一组有序的节点
这个对象也有length属性,能够通过位置来訪问这些节点
var firstChild=someNode.childNodes[0];
var secondChild=someNode.childNodes.item(1);
var length=someNode.childNodes.length;
每一个节点都有一个parentNode属性。该属性指向文档树中的父节点
if(someNode.nextSibling===null){
alert("last node in the parent's childNodes list...");
}else if(someNode.previousSibling===null){
alert("First node in the parent's childNodes list...");
假设列表中仅仅有一个节点。那么该节点的nextSibling和previousSibling都为null
}
父节点和第一个子节点和最后一个子节点也存在关系
firstChild
lastChild
即存在这种关系
(someNode.childNodes[0]===someNode.firstChild)
(someNode..childNodes[childNodes.length-1]===someNode.lastChild)
操作节点
最经常使用的方法是appendChilde();//用于向childNodesd的末尾加入一个节点
var returnNode=somenNode.appendChild(newNode);
alert(returnNode==newNode);//true
alert(someNode.lastChild==newNode);//true
-->
节点类型检查
if(someNode.nodeType==ElementNode){
alert("Node is an element");
}
或者
if(someNode.nodeType==1){
alert("Node is an element");
}
使用nodeName和nodeValue这两个属性
if(someNode.nodeType==1){
var someNode.nodeName();//nodeName的值是元素的标签名
}
每一个节点都有一个childNodes属性。当中保存NodeList对象。NodeList是一种类型数组对象。用于保存一组有序的节点
这个对象也有length属性,能够通过位置来訪问这些节点
var firstChild=someNode.childNodes[0];
var secondChild=someNode.childNodes.item(1);
var length=someNode.childNodes.length;
每一个节点都有一个parentNode属性。该属性指向文档树中的父节点
if(someNode.nextSibling===null){
alert("last node in the parent's childNodes list...");
}else if(someNode.previousSibling===null){
alert("First node in the parent's childNodes list...");
假设列表中仅仅有一个节点。那么该节点的nextSibling和previousSibling都为null
}
父节点和第一个子节点和最后一个子节点也存在关系
firstChild
lastChild
即存在这种关系
(someNode.childNodes[0]===someNode.firstChild)
(someNode..childNodes[childNodes.length-1]===someNode.lastChild)
操作节点
最经常使用的方法是appendChilde();//用于向childNodesd的末尾加入一个节点
var returnNode=somenNode.appendChild(newNode);
alert(returnNode==newNode);//true
alert(someNode.lastChild==newNode);//true
-->
posted on 2018-01-29 11:13 yjbjingcha 阅读(90) 评论(0) 编辑 收藏 举报