1.访问节点:
访问html元素:var oHtml=document.documentElement;
获取head元素:var oHead=oHtml.firstChild;
获取body元素:var oBody=oHtml.lastChild; 或者 var oBody=document.body;

也可以通过childNodes来做同样的工作:
var oHead=oHtml.childNodes[0] 或者 oHtml.childNodes.item(0);
var oBody=oHtml.childNodes[1] 或者 oHtml.childNodes.item(1);

判断节点间关系:
javascript之DOM技术【转】alert(oHead.parentNode==oHtml);  
javascript之DOM技术【转】alert(oBody.previousSibling
==oHead);
javascript之DOM技术【转】alert(oHead.nextSibling
==oBody);
javascript之DOM技术【转】alert(oHead.ownerDocument
==document);

2.检测节点类型:
通过节点的nodeType属性来检验节点类型:
alert(document.nodeType);  //输出9
需要注意的是,DOM兼容的浏览器(以FF2.0为例),拥有Node.DOCUMENT_NODE、Node.ELEMENT_NODE等常量。各常量名称与数值对照表如下:
javascript之DOM技术【转】ELEMENT_NODE                                 1
javascript之DOM技术【转】ATTRIBUTE_NODE                            
2
javascript之DOM技术【转】TEXT_NODE                                        
3
javascript之DOM技术【转】CDATA_SECTION_NODE                
4
javascript之DOM技术【转】ENTITY_REFERENCE_NODE            
5
javascript之DOM技术【转】ENTITY_NODE                                    
6
javascript之DOM技术【转】PROCESSING_INSTRCTION_NODE       
7
javascript之DOM技术【转】COMMENT_NODE                              
8
javascript之DOM技术【转】DOCUMENT_NODE                           
9
javascript之DOM技术【转】DOCUMENT_TYPE_NODE               
10
javascript之DOM技术【转】DOCUMENT_FRAGMENT_NODE   
11
javascript之DOM技术【转】NOTATION_NODE                             
12

IE6不支持,不过你可以自定义一个JS对象Node。

3.处理特性
处理特性可以使用标准的NameNodeMap中的方法:
getNamedItem(name) removeNamedItem(name)  setNamedItem(node)    item(pos)

比如:<p > javascript之DOM技术【转】方法                                                               IE                               FF
javascript之DOM技术【转】createAttribute(name)                                 Y                                Y
javascript之DOM技术【转】createCDATASection(text)                        N                                Y
javascript之DOM技术【转】createComment(text)                                    Y                                Y
javascript之DOM技术【转】createDocumentFragment()                        Y                                Y
javascript之DOM技术【转】createElement(tagName)                             Y                                 Y
javascript之DOM技术【转】createEntityReference(name)                     N                                 Y
javascript之DOM技术【转】createProcessingInstruction(
javascript之DOM技术【转】target,data)                                                   N                                  Y
javascript之DOM技术【转】createTextNode(text)                                  Y                                   Y

相关文章:

  • 2022-01-15
  • 2021-04-07
  • 2022-12-23
  • 2022-02-10
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-09
猜你喜欢
  • 2022-01-07
  • 2021-05-27
  • 2021-11-11
  • 2021-11-08
  • 2022-01-20
  • 2021-07-09
相关资源
相似解决方案