DOM 部分小结

1.访问文档中无素
  document.getElementById('id'):获取给定id的元素,并将其作为对象.
  document.getElementsByTagName('tagname'):获取所有标签名为tagname的元素,并把它保存在一个类似数组的列表中.

2.读取元素的属性,节点值及其他节点数据
  node.getAttribute('attribute'):获取属性名为attribute的值.
  node.setAttribute('attribute','value'):设置属性名为attribute的值为value.
  node.nodeType:读取节点类型(1=元素,3=文本节点...).
  node.nodeName:读取节点名称(元素名字或#textNode).
  node.nodeValue:读取或设置节点的值(文本节点的情况下则为文本内容).

3.节点之间操作
  node.previousSibling:获取上一个兄弟节点,并将它保存为一个对象.
  node.nextSibling:获取下一个兄弟节点,并将它保存为一个对象.
  node.childNodes:获取对象的所有子节点,并把它们存储到一个列表中.对于第一个和最后一个子节点,还可以使用node.firstChild和node.lastChild进街上简写.
  node.parentNode:获取包含node的节点.

4.创建新节点
  document.createElement(element):创建一个名字为element的新元素,需要提供一个字符串形式的元素名.
  document.createTextNode(string):创建一个节点值为string的文本节点.
  newNode=node.cloneNode(bool):创建newNode节点作为node的副本(克隆).如果bool值为true,这个克隆将包括原节点的所有子节点和属性的克隆.
  node.appendChild(newNode):将newNode作为子节点,添加在node所有子节点之后.
  node.insertBefore(newNode,oldNode):在node节点的子节点oldNode之前插入newNode.
  node.removeChild(oldNode):移除node节点的子节点oldNode.
  node.replaceChild(newNode,oldNode):使用节点newNode替换node节点的子节点oldNode.
  element.innerHTML:读写给定element的HTML内容,它是一个字符串,包括所朋子节点及它们的属性和文本内容.
  element.innerText:读定给定element的HTML内容,它是一个字符串,不包括HTML 标签和属性.只得到文本内容.

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: javascriptjavascript DOM资料DOM资料
相关日志: