你的位置:首页 > Java教程

[Java教程]常用DOM笔记


1,获取元素方法:

(1),获取单个,返回一个元素

element.getElementById()//最快,实时

element.querySelector()

(2)获取多个,返回一组

element.getElementsByTagName()

element.getElementByClassName()

element.getElementByName()//常用于表单元素

element.querySelectorAll()//查找速度比上面三个块,为静态的,非实时的,在加载时获取

2,创建元素,文本

创建元素节点:element.createElement("div")

创建文本节点:element.createTextNode("hello world")

3,插入子元素

插入到父元素的最后:parentNode.appendChild(newNode)

插入到指定位置前:parentNode.insertBefore(newNode,positionNode)

4,属性操作

设置元素属性:element.setAttribute(name,value)

获取元素属性:element.getAttribute(name)

移除元素属性:element.removeAttribute(name)

5,移除元素

移除元素包括本身:element.remove()

移除元素的子级:parentNode.removeChild(childNode)

6,替换子元素

parentNode.replaceChild(newNode,oldNode)

7,复制元素:

element.cloneNode(boolean);

当boolean值为false时,为浅复制,只复制元素节点,其子级不复制

当boolean值为true时,为深复制,复制元素节点及所有子级

8,获取实时样式

currentStyle//IE8以下版本:element.currentStyle.Attribute

getComputedStyle(element,null)//第二个值为伪类元素,无时填null,//现代浏览器所支持

9,通过节点关系获取元素

(1)子级元素获取(返回数组):element.children

(2)兄弟节点获取(此方法包括所有节点,如元素节点,文本节点等等):

element.nextSibling,element.previousSibling

(3)兄弟元素节点获取(此方法只获取元素节点):

element.nextElementSibling,element.previousElementSibling

(4)父级元素获取

element.parentElement

10,nodetype()用于区分不同类型节点,如元素节点,文字节点,文本碎片节点 等等

常见类型节点的返回值

nodeType(元素);返回值为 1

nodeType(文本);返回值为 3

nodeType(document);返回值为 9

nodeType(documentfragment);返回值为 11

 




辽宁旅游团报价辽宁旅游团购优惠辽宁旅游线路报价辽宁旅游指南攻略大全辽宁旅游住哪里比较方便香溪堡门票价格?香溪堡旅游区优惠价? 买点儿啥特产 完美伴手礼之本溪篇 南粤石文化博览园优惠价?石博宇宙城票价? 南粤石文化博览园坐车方便吗?石博宇宙城坐几路车? 大丰门漂流门票预订?增城大丰门漂流订票电话? 清远中秋节好去处?中秋节去清远什么地方好玩? 广州大学城周边有什么好玩的地方? 增城大丰门漂流几点开放?大丰门漂流最新开漂时间? 太湖火车站到罗河谷漂流怎么走?太湖火车站到罗河谷漂流自驾车路线? 深圳哪个农家乐有骑马射箭?深圳骑马射箭哪里好? 名马轩度假山庄有采摘吗?南澳名马轩度假山庄采摘多少钱? 南澳名马轩度假山庄娱乐项目有哪些?名马轩度假山庄可以钓鱼吗? 漂流的最好时间是什么时候? 旅游如何挑选保险? 114电话是要收费的吗? 旅游买保险有用吗?要怎么买? 553-0002-802F Datasheet 553-0002-802F Datasheet 553-0002-803 Datasheet 553-0002-803 Datasheet 553-0002-803F Datasheet 553-0002-803F Datasheet 大兴安岭去香港澳门旅游 大兴安岭去香港澳门旅游 大兴安岭去香港澳门旅游 成都去香港旅游 成都去香港旅游 成都去香港旅游 内蒙古去香港澳门旅游 内蒙古去香港澳门旅游 内蒙古去香港澳门旅游