nodeName,nodeValue,nodeType的区别
nodeName表示节点的名称:
元素节点的nodeName返回的是标签名称(大写,例:DIV)//$('id').nodeName
属性节点的nodeName返回的是属性名称//$('id').getNamedItem('id').nodeName
文本节点的nodeName返回的是#text
文档节点的nodeName返回的是#document
nodeValue表示节点的值
元素节点的nodeValue返回的是null
属性节点的nodeValue返回的是属性值
文本节点的nodeValue返回的是这段文本
文档节点的nodeValue返回的是null
nodeType表示节点的类型
元素-->1
属性-->2
文本-->3
cdata-->4
comment-->8
document-->9
documentType-->10
documentFragment-->11
获取某个元素下面的第一个子节点:
var id = $('id')
firstChild(id)
function firstChild(elem){
do{
elem = elem.firstChild
}while(elem && elem.nodeType != 1)
return elem
}
获取某个元素的下个兄弟节点
function next(elem){
do{
elem = elem.nextSibling
}while(elem && elem.nodeType != 1)
return elem
}
第几层级的父节点
function parent(elem,num){
var num = num || 1
for(var i = 0; i < num; i++){
if(elem) elem = elem.parentNode
}
return elem
}
因为FF会将元素之间的空白当成文本节点,会将换行也当成一个子节点