2016.11.11 HTML DOM(对象方法 属性 访问 修改 事件 导航节点)
2016-11-11 11:18
417 查看
对象方法:getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表。appendChild()把新的子节点添加到指定节点。removeChild()删除子节点。replaceChild()替换子节点。insertBefore()在指定的子节点前面插入新的子节点。createAttribute()创建属性节点。createElement()
创建元素节点。createTextNode() 创建文本节点。getAttribute() 返回指定的属性值。setAttribute() 把指定属性设置或修改为指定的值。
属性:innerHTML
属性对于获取或替换 HTML 元素的内容很有用。nodeName 属性:规定节点的名称。是只读的。元素节点的 nodeName 与标签名相同。属性节点的 nodeName 与属性名相同。文本节点的 nodeName 始终是 #text。文档节点的 nodeName 始终是 #document。nodeValue :属性规定节点的值。文本节点的 nodeValue 是文本本身。属性节点的 nodeValue
是属性值。nodeType 属性返回节点的类型。nodeType 是只读的。
访问:
getElementById。getElementsByTagName:返回带有指定标签名的所有元素(返回节点列表。可以通过下标号访问这些节点)。getElementsByClassName :查找带有相同类名的所有 HTML 元素;(返回一个列表)。
修改:创建新的 HTML 元素 -
appendChild()(元素追加文本节点,将新元素作为父元素的最后一个子元素进行添加。) insertBefore()(将新元素作为父元素的最前一个子元素进行添加)。删除已有的 HTML 元素:parent.removeChild(child);您必须清楚该元素的父元素。如需替换 HTML DOM 中的元素,请使用
replaceChild() 方法(与上面一样)。、
事件:
导航节点关系:够使用三个节点属性:parentNode(元素的父节点)、firstChild 以及 lastChild ,在文档结构中进行导航。根节点:
document.body - 文档的主体。除了 innerHTML 属性,您也可以使用
childNodes 和 nodeValue 属性来获取元素的内容。var txt=document.getElementById("intro").childNodes[0].nodeValue;
创建元素节点。createTextNode() 创建文本节点。getAttribute() 返回指定的属性值。setAttribute() 把指定属性设置或修改为指定的值。
属性:innerHTML
属性对于获取或替换 HTML 元素的内容很有用。nodeName 属性:规定节点的名称。是只读的。元素节点的 nodeName 与标签名相同。属性节点的 nodeName 与属性名相同。文本节点的 nodeName 始终是 #text。文档节点的 nodeName 始终是 #document。nodeValue :属性规定节点的值。文本节点的 nodeValue 是文本本身。属性节点的 nodeValue
是属性值。nodeType 属性返回节点的类型。nodeType 是只读的。
访问:
getElementById。getElementsByTagName:返回带有指定标签名的所有元素(返回节点列表。可以通过下标号访问这些节点)。getElementsByClassName :查找带有相同类名的所有 HTML 元素;(返回一个列表)。
修改:创建新的 HTML 元素 -
appendChild()(元素追加文本节点,将新元素作为父元素的最后一个子元素进行添加。) insertBefore()(将新元素作为父元素的最前一个子元素进行添加)。删除已有的 HTML 元素:parent.removeChild(child);您必须清楚该元素的父元素。如需替换 HTML DOM 中的元素,请使用
replaceChild() 方法(与上面一样)。、
事件:
导航节点关系:够使用三个节点属性:parentNode(元素的父节点)、firstChild 以及 lastChild ,在文档结构中进行导航。根节点:
document.body - 文档的主体。除了 innerHTML 属性,您也可以使用
childNodes 和 nodeValue 属性来获取元素的内容。var txt=document.getElementById("intro").childNodes[0].nodeValue;
相关文章推荐
- 2016.11.11 HTML DOM(对象方法 属性 访问 修改)
- js访问xml之节点对象属性和方法【1】
- 【php基础班】第14天 DOM概述、节点的访问、随机显示星星、HTMLDOM简介和访问、元素对象属性、事件对象
- ADO三大对象的属性、方法、事件及常数
- ADO三大对象的属性、方法、事件及常数[ZT]
- ASP.NET基础教程-DataSet对象-属性方法和事件
- ADO三大对象的属性、方法、事件及常数(一)
- 理解对象以及对象的属性、方法、事件
- as3访问对象属性和方法的经典用法
- JavaScript对象、事件、属性及方法参考大全
- 访问form对象的关键属性和方法【学习笔记】
- ADO三大对象的属性、方法、事件及常数(三)
- PHP5的对象模型[6]--访问属性和方法
- ADO三大对象的属性、方法、事件及常数(三)
- ADO三大对象的属性、方法、事件及常数
- ADO三大对象的属性、方法、事件及常数(二)
- ADO三大对象的属性、方法、事件及常数(一)
- 使用反射依导航路径调用对象成员方法,或返回对象子、孙属性或字段成员[转]
- ADO三大对象的属性、方法、事件及常数
- ADO三大对象的属性、方法、事件及常数[ZT]