javascript之DOM技术(一)

豆豆网   技术应用频道   2008年01月18日  【字号: 收藏本文

本文详细介绍javascript之DOM技术(一)

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

  3.处理特性

  处理特性可以使用标准的NameNodeMap中的方法:

  getNamedItem(name) removeNamedItem(name) setNamedItem(node)  item(pos)

  比如:<p id="test">测试</p>

  假设变量oP是上面的p节点的引用,我们要访问oP的id属性:

  var sId=oP.attributes.getNamedItem("id").nodeValue;

  这些方法用起来很累赘,所以DOM又定义了三个方法来简化:

  getAttribute(name)     ——返回名称为name的属性的值

  setAttribute(name,value)  ——顾名思义

  removeAttribute(name)   ——顾名思义 

  上面的例子可以改写为:

  var sId=oP.getAttribute("name");

  4.访问指定节点:

  熟知的getElementByTagName(name),getElementByName(name),getElementById(id)三个方法,不再展开。

  5.创建和操作节点:

  (1)创建新节点,一张IE(6.0)和FF对DOM Level1的创建新节点方法支持的对照表:

方法                                IE                FF
createAttribute(name)                 Y                Y
createCDATASection(text)            N                Y
createComment(text)                  Y                Y
createDocumentFragment()            Y                Y
createElement(tagName)               Y                 Y
createEntityReference(name)           N                 Y
createProcessingInstruction(
target,data)                          N                 Y
createTextNode(text)                 Y                  Y

作者:killme2008    责编:豆豆技术应用

正在加载评论...