电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: Javascript基础总结（4） [打印本页]

作者: look_w 时间: 2019-5-13 13:59 标题: Javascript基础总结（4）

DOM概述什么是DOM
DOM是文档对象的缩写，和语言无关。它提供了访问、动态修改结构文档的接口，W3C制定了DOM规范，主流浏览器都支持。
使用Core DOM操作节点
访问节点：
使用getElement系列方法访问指定节点。
getElementById():返回对拥有指定id的第一个对象的引用。
getElementsByName():返回带有指定名称的对象的集合。
getElementsByTagName():返回带有指定标签名的对象的集合。
使用层次关系访问节点。
parenNode:返回节点的父节点。
firstChild:返回节点的首个节点。文本和属性节点没有父节点，会返回一个空数组，对于元素节点，若是没有子节点会返回null。
lastChild:返回节点的最后一个子节点，返回值同firstChild。
操作节点属性值
CoreDOM的标准方法包括以下两种：
getAttribute(“属性名”)：获取属性值。
getAttribute(“属性名”,“属性值”)：设置属性值
创建和增加节点：
创建节点
createElement(tagName):按照给定的标签名称创建一个新的元素节点
appendChild(nodeName):向以存在节点列表的末尾添加新的节点。
inserBefore(newNode,oldNode):向指定的节点之前插入一个新的子节点。
cloneNode(deep):复制某个指定的节点。
删除和替换节点
removeChild(node):删除指定的节点。
replaceChild(newNode,oldNode):用其他的节点替换指定的节点。
Table对象的属性和方法
属性：
rows[]:返回包含表格中所有行的一个数组。
rows[]用于返回表格中所有行的一个数组。
方法：
inserRow():在表格中插入一个新行。
deleteRow():从表格中删除一行。

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)