js操作节点的DOM方法

JavaScript012

js操作节点的DOM方法,第1张

js操作节点的DOM方法

一、创建节点

createElement

createTextNode

二、添加、删除、替换、克隆元素

1、appendChild

2、insertBefore

3、如果appendChild、insertBefore追加的是已经存在的子元素,实际上就会将子元素位置移动

4、删除节点removeremoveChild

remove()

removeChild

5.替换节点

replaceChild

6、克隆节点

cloneNode()

三、操作元素属性的方法

1.获取属性 元素.属性名

2.设置属性 元素.属性名 = 属性值

1、2方法只能获取和设置元素自带的属性

3.操作属性的万能方法

getAttribute()

setAttribute()

用js中的document.getElementById("#idname")来获取指定id的节点。idname是指定的id名。

如:var book1 = document.getElementById("#1111")

那么便利book1就代表

<book id="1111"> <name>西游记</name> <author>吴承恩</author></book>

这个book节点了。

建议用jquery选择器选择页面元素,那样想取什么就取什么,非常方便,页面引入一个js文件即可,像你说的这种选择,用$(".class1,.class2")就可以取得了,两个class之间逗号隔开