关于DOM一些小常识

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会将元素之间的空白当成文本节点,会将换行也当成一个子节点

posted @ 2012-07-09 14:26  xiaoxiaohui  阅读(135)  评论(0编辑  收藏  举报