DOM特性

原创 2017年01月02日 21:26:16

1.访问文档中元素

 (1) document.getElementById('id'):获取给定id的元素,并将其作为对象。

 (2) document.getElementsByTagName('tagname'):获取所有标签名为tagname的元素,并把它保存在一个类似数组的列表中。

2.读取元素的属性、节点值及其他节点数据

 (1) node.getAttribute('attribute'):获取属性名为attribute的值。

 (2) node.setAttribute('attribute',"value"): 设置属性名为attribute的值为value。

 (3) node.nodeType:读取节点类型(1=元素,2=属性节点,3=文本节点)。

 (4) node.nodeName:读取节点名称(元素名称、属性名称和#text等)

 (5) node.nodeValue:读取或设置节点的值(文本节点的情况下则为文本内容)。

3.节点之间操作:

 (1)node.previousSibling:获取上一个兄弟节点,并将它保存为一个对象。

 (2)node.nextSibling:获取下一个兄弟节点,并将它保存为一个对象。

 (3)node.childNodes:获取对象的所有子节点,并把它们存储到一个列表中,对于第一个和最后一个子节点,还可以使用node.firstChild和node.lastChild进行简写。

 (4)node.parentNode:获取包含node的父节点。

4.创建新节点:

 (1)document.createElement(element):创建一个名字为element的新元素。

 (2)document.createTextNode(string):创建一个节点值为string的文本节点。

 (3)newNode=node.cloneNode(bool):创建newNode节点作为node的副本。如果bool值为true,这个副本将包括原节点的所有子节点和属性。

 (4)node.appendChild(newNode):将newNode作为子节点,添加在node所有子节点之后。

 (5)node.insertBefore(newNode,oldNode):在node节点的子节点oldNode之前插入newNode。

 (6)node.removeChild(oldNode):移除node节点的子节点oldNode。

 (7)node.replaceChild(newNode,oldNode):使用节点newNode替换node节点的子节点oldNode。

 (8)element.innerHTML:读写给定element的HTML内容,它是一个字符串。

相关文章推荐

5-HTML DOM简介和新特性

1、简介      如果在核心DOM中,网页中节点层级很深时,访问这个节点时将十分麻烦。那么,HTML DOM中应运而生了,提供通过id访问的方法。 2、新特性 每一个HTML标记,都对应一...

js中迭代元素特性与DOM中的DocumentFragment类型

JS中迭代元素特性   在需要将DOM结构序列化为XML或者HTML字符串时,多数都会涉及遍历元素的特性,这个时候attributes属性就可以派上用场。   以下代码展示了如何迭...

辨清DOM元素的特性与属性

辨清DOM元素的特性与属性初学JS的时候,我们可能经常分不清DOM元素的特性和属性,我们往往会把它们认为是一个东西,我们可以看看下面的代码:HTML: JS:var test = document.g...

今天学习的内容dom4j编程、debug调试、JDK5.0新特性

dao data access object 数据访问对象 关于dom4j 一、获得document //获得解析流 SAXReader reader = new SAXReader(); ...

DOM对象属性(property)与HTML标签特性(attribute)

HTML中property与attribute是极易混淆的两个概念。大多数时候这两个单词都翻译为“属性”,为了区分二者,一般将property翻译为”属性”,attribute翻译为”特性”。 ...

VSAN的新功能特性(技术白皮书)

  • 2017年11月07日 14:58
  • 1.65MB
  • 下载

Qt:用Dom方式读写xml文件

网上有不少介绍Dom方式读写xml文件,大部分给出的代码都不够完整。这里通过我做的的一个例子做一个完整的总结。...

java8新特性

  • 2017年11月08日 13:39
  • 48B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DOM特性
举报原因:
原因补充:

(最多只允许输入30个字)