结构部分:
- <div>
- <p>1</p>
- <p class="test">2</p>
- <p>3</p>
- </div>
JS 部分:
web 前端开发学习 Q-q-u-n: 731771211, 分享学习的方法和需要注意的小细节, 不停更新最新的教程和学习方法 (详细的前端项目实战教学视频, PDF)
- var p = document.getElementsByTagName('p');
- for(var i = 0;i <p.length;i++){
- // 第一种方法, 用 classList 这个 H5 API, 有兼容性问题
- if(p[i].classList.contains('test')==true){
- console.log(p[i].innerhtml);
- }
- // 第二种方法, 用 className 这个属性
- if(p[i].className=='test'){
- console.log(p[i].innerHTML)
- }
- // 第三种方法, 用 getAttribute() 这个方法
- if(p[i].getAttribute("class")=='test'){
- console.log(p[i].innerHTML);
- }
- }
来源: http://www.jianshu.com/p/87beadb29400