JavaScript-需要的基础DOM特性
来源:互联网 发布:服装et软件cad 编辑:程序博客网 时间:2024/05/21 22:15
1.访问文档中元素
document.getElementById('id'):获取给定ID的元素,并将其作为对象。
document.getElementByTagName('tagname'):获取所有标签名为tagname的元素,并把它保存在一个类似数组的列表中。
2.读取元素的属性、节点值及其它节点数据
node.getAttribute('attribute'):获取属性名为 attribute的值。
node.getAttribute('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节点的子节点lodNode.node.replaceChild(newNode,oldNode):使用节点newNode替换node节点的子节点lodNode.element。
innerHTML:读写给定element的HTML内容,它是一个字符串,包括所有子节点及它们的属性的文本内容。
document.getElementById('id'):获取给定ID的元素,并将其作为对象。
document.getElementByTagName('tagname'):获取所有标签名为tagname的元素,并把它保存在一个类似数组的列表中。
2.读取元素的属性、节点值及其它节点数据
node.getAttribute('attribute'):获取属性名为 attribute的值。
node.getAttribute('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节点的子节点lodNode.node.replaceChild(newNode,oldNode):使用节点newNode替换node节点的子节点lodNode.element。
innerHTML:读写给定element的HTML内容,它是一个字符串,包括所有子节点及它们的属性的文本内容。
- JavaScript-需要的基础DOM特性
- DOM特性的JAVASCRIPT操作
- javaScript DOM特性/方法
- JavaScript-DOM操作基础部分的内容
- javascript基础:DOM的collection对象
- javascript中Dom的一些基础应用
- JavaScript 的使用基础总结②DOM
- javascript DOM方法与特性
- Javascript DOM基础
- javascript DOM操作基础
- javascript DOM操作基础
- javascript DOM操作基础
- javascript DOM操作基础
- javascript dom基础
- javascript基础、DOM
- JavaScript DOM 基础
- JavaScript DOM 基础知识点
- JavaScript基础-BOM&DOM
- java-不可变字符串
- 657 - The die is cast
- bind2nd使用
- 游戏多开的若干对抗方法
- 从那一天起,你就成了我的全部
- JavaScript-需要的基础DOM特性
- 理解锁和闩(2)锁机制概述
- C#中Enum用法小结
- 黑马程序员 javascript基础
- swfobject.js 的用法
- 常用的正则表达式集合:
- 在这个社会年轻的我们应该怎么活
- Ext 中Ext.grid.GridPanel样式设置
- c#操作Excel和把Dataset数据写入Excel