javascript - js如何通过id获取所有节点

Question

<p class="text-center li-com-mar li-com-pad li-com-fl" id="da-thumbs0">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <img src="images/11.jpg">
                                <p class="hot-info">
                                    <h2>趣味科技</h2>
                                    <p class="cf-a"></p>
                                    <span>中国第一钢琴门户网1</span>
                                </p>
                            </a>
                        </li>
                    </ul>
                </p>
                <p class="text-center li-com-mar li-com-pad li-com-fl" id="da-thumbs1">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <img src="images/11.jpg">
                                <p class="hot-info">
                                    <h2>趣味科技</h2>
                                    <p class="cf-a"></p>
                                    <span>中国第一钢琴门户网1</span>
                                </p>
                            </a>
                        </li>
                    </ul>
                </p>
                <p class="text-center li-com-mar li-com-pad li-com-fl" id="da-thumbs2">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <img src="images/11.jpg">
                                <p class="hot-info">
                                    <h2>趣味科技</h2>
                                    <p class="cf-a"></p>
                                    <span>中国第一钢琴门户网1</span>
                                </p>
                            </a>
                        </li>
                    </ul>
                </p>
                <p class="text-center li-com-mar li-com-pad li-com-fl" id="da-thumbs3">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <img src="images/11.jpg">
                                <p class="hot-info">
                                    <h2>趣味科技</h2>
                                    <p class="cf-a"></p>
                                    <span>中国第一钢琴门户网1</span>
                                </p>
                            </a>
                        </li>
                    </ul>
                </p>

我想获取设有id的这4个p，用纯js怎么取，请各位指导，谢谢。

Answer 1

var ps = document.getElementsByTagName("p");
//alert(ps.length);
for(var i=0;i<ps.length;i++){
    if(ps[i].id != ""){
        alert(ps[i].attributes['class'].value);   
    }

}

为了测试 在你的代码后追加一个不带id属性的p 如:
<p class="testp"></p>

经过@公子的提醒,可以用
document.querySelectorAll('p[id]');
一句话就搞定了.JS我是刚学起来的 很多不懂