介绍几个js dom的常用方法
获取元素节点 getelementbyid    getelementsbytagname    getelementsbyclassname
先写一个简单的网页做测试：
/* test.html */ <!doctype html> <html> <head> <meta charset="utf-8"> <title>test</title> </head> <body> <p id="contentid" style="width:500px; height: 30px;background-color: #ccc">这段的id是contentid。</p> <p class="contentclass" style="width:500px; height: 30px;background-color: #ccc">这段的class name是contentclass。</p> </body> </html>
1.  getelementbyid
1.先定义变量 var contentid = document.getelementbyid(contentid);
2.然后输出对象 contentid 就返回id为 contentid  的元素对象（ 570f86b823b3b017fdd9456a94a16a4f ）。见下图：
2.  getelementsbytagname
1.还是先定义变量  var contenttag = document.getelementsbytagname(p);
2.接着我输出 contenttag ，它返回 htmlcollection [ 39ae2a42268023ea5ca018cf390b60c5, b39175b47eb4f25ca688689d3f990331 ] 共两个，一个以#开头表示id，另一个以.开头表示class name。
3.继续 contenttag[0]  输出 570f86b823b3b017fdd9456a94a16a4f
contenttag[1] 输出 4a29ccde115f7f39498369e71fad8196
由此可知 getelementsbytagname   返回的是数组！
3.  getelementsbyclassname
1. var contentclass = document.getelementsbyclassname(contentclass);
2. contentclass 输出 htmlcollection [ b39175b47eb4f25ca688689d3f990331 ] 返回一个元素对象数组，即使只有一个。
3. contentclass[0] 输出 4a29ccde115f7f39498369e71fad8196
我们常用的还有 getattribute，setattribute，childnodes, nodetype, nodevalue, firstchild, lastchild 方法获取一些信息。
4.分别用 getattribute 和 setattribute 获取和设置属性：
改变style属性后：
5.那么这是childnodes：
也就是说， e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 在遇到块元素时，块元素之间会有一个换行符 0c6dc11e160d3b678d68754cc175188a ,浏览器在查找子节点时会将它视为一个文本节点。从图中也可以看出 childnodes 返回的也是数组。
那如果是39ae2a42268023ea5ca018cf390b60c5呢？
nodetype 的值有12种，常用的也就三种：1表示元素节点，2表示属性节点，3表示文本节点。
nodevalue 不仅可以获取文本节点的值，还可以改变文本节点的值。
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！
更多 js常用dom方法详解。