1
1 <div id="div1">这是个测试</div>
2 <p class="acc">111</p>
3 <p class="dd">222</p>
//js DOM的几个常用方法
2 //document.getElementById,
3 // document.getElementsByTagName,
4 // document.getElementsByClassName,
5 // getAttribute,
6 // setAttribute
7
8 var div1 = document.getElementById("div1").innerHTML;
9 console.log(div1);//output:这是个测试
10
11 var pars = document.getElementsByTagName("p");
12 for (var i = 0; i < pars.length; i++) {
13 var title = pars[i].getAttribute("class");
14 if (title) {
15 pars[i].setAttribute("class", "look");//修改class的值为look
16 console.log(pars[i].getAttribute("class"));//output:look
17 }
18 }
19
20 var cls = document.getElementsByClassName("look");
21 for (i in cls) {
22 console.log(cls[i].innerHTML);//111,222
23 }
