dom节点(node)一般对应一个标签、一个文版或者一个html属性。dom节点有一个nodetype属性用来表示当前元素的枚举类型，{1:element,2:attribute,3:text}。本文主要和大家分享js中dom元素的操作方法，希望能帮助到大家。
1、创建dom节点
var node1 = document.createelement('p'); var node2 = document.createtextnode('hello world');
2、选择器
var ele1 = document.queryselector('{.classname/#id/tagname}'); var elelist = document.queryselectorall('.classname,#id,p');
var ele2 = document.getelementbyid('{id}') var ele3 = document.getelementbyclassname('{classname}'); var ele4 = document.getelementbytagname('{tagname}');
3、父子兄弟节点
var parent = ele.parentelement; //父元素 parent = ele.parentnode; //只读父元素 var children = ele.children; var firstchild = ele.firstelementchild; firstchild = ele.firstchild; var lastchild = ele.lastelementchild; lastchild = ele.lastchild; var nextsibling = ele.nextsibling; var prevsiblint = ele.previoussibling;
4、属性
var attrs = ele.attributes; //获取所有属性 key-value var classes = ele.getattribute('class'); //获取单一属性值 ele.setattribute('class','classname'); //设置属性 ele.hasattribute('attrname'); //判断属性是否存在 ele.removeattribute('attrname'); //移除属性 ele.hasattributes(); //是否有属性设置
5、dom修改
ele.appendchild('elc'); ele.removechild('elc'); ele.replacechild('elc1','elc2'); ele.insertbefore('elc','refelc'); //插入到子节点refelc节点之前 ele.clonenode(true); //该参数表示被复制的节点是否包括所有属性和子节点
相关推荐：
js dom 元素id就是全局变量_dom
以上就是js中dom元素的操作方法的详细内容。