js DOM *** 作

1）一共12个节点类型

2）dom *** 作就是对节点进行 *** 作

3）节点的类型的获取方法notetype

4）ie9以上及chrome safari firefox 会将换行符当成节点

（1）静态获取

（2）返回带有指定ID的元素

var box1=documentgetElementById('box');

（1）根据标签名获取

（2）得到的是个数组

var div1=documentgetElementsByTagName('div')[0];

（1）根据类名获取元素

（2）动态获取

（3）得到的是一个数组

var box=documentgetElementsByClassName('box')[0];

（1）返回符合要求第一个元素

（2）通过css选择器来获取指定标签

（3）静态获取

（1）返回所有匹配元素

（2）根据css选择器来获取所有标签

（3）得到的是一个数组

获取兄弟节点

获取下一个兄弟标签

获取上一个兄弟节点

获取上一个兄弟标签

获取最后一个子节点

获取最后一个子标签

获取所有非标签类型的子节点

获取所有子标签节点

获取父节点

增加节点

var div=documentcreateElement('div');

在父元素的末尾，插入节点

在添加元素前，需要将元素先创建好

divappendChild(div);

修改指定子节点

删除指定子节点

在删除前需要先获取到被删除元素

divremoveChild(box);

删除当前节点

需要先获取到被删除的节点

divremove();

（1）设置ID

divid='box';

（2）设置class

divclassName='box';

（3）设置style

divstylewidth='10px';

（4）设置路径

imgsrc='/';

（5）自定义属性

$(document)ready(function(){

   $('myli')click(function(){

    $('myli')attr('class','oldliclass'); //旧的样式

    $(this)attr('class','newliclass');  //新的样式

    });

});

//提醒：这个不一定是连续点的，可能是 点1 后又点击5了

首先是自己的所有后代： $("#b")find("")

然后是自己的所有弟弟：$("#b")nextAll()

接着是弟弟们的所有后代：$("#b")nextAll()find("")

然后是自己所有祖先的弟弟（父亲的弟弟、祖父的弟弟……）：$("#b")parents()nextAll()

最后是所有祖先的弟弟们的所有后代：$("#b")parents()nextAll()find("")

dom访问元素节点的方法：1 getElementById(): 通过元素id访问元素；2 getElementsByTagName(): 通过标签名访问元素；3 getElementsByClassName(): 通过class名访问元素；4 querySelector(): 通过css选择器访问元素；5 querySelectorAll(): 通过css选择器访问元素，获取到的是一个NodeList；6 getAttribute(): 获取元素的属性；7 setAttribute(): 设置元素的属性；8 removeAttribute(): 删除元素的属性；9 hasAttribute(): 检查元素是否具有某个属性；10 createElement(): 创建元素；11 appendChild(): 向元素节点添加子节点；12 removeChild(): 从元素节点移除子节点；13 replaceChild(): 用新节点替换旧节点；14 insertBefore(): 在指定子节点前插入新节点；15 cloneNode(): 复制元素节点；16 parentNode(): 获取元素的父节点；17 nextSibling(): 获取下一个兄弟节点；18 previousSibling(): 获取上一个兄弟节点；19 firstChild(): 获取第一个子节点；20 lastChild(): 获取最后一个子节点。

拓展：HTML标签的换行可以使用

标签，这个标签是用来换行的，在HTML中使用

即可实现换行效果。

以上就是关于js DOM *** 作全部的内容，包括:js DOM *** 作、jquery选择除了它本身之外的li、使用jquery查找某个元素之后的所有满足条件元素（包括兄弟节点、子节点和无关节点）等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！