如何使用JavaScript列出控制台中所有<p>元素的内容?

时间:2016-05-28 14:03:06

标签: javascript dom

我试图通过按下按钮来记录控制台中所有<p>元素的内容,这是迄今为止的代码。

window.addEventListener("load",init);
function init(){

        var b = document.getElementById("btn2")
        b.addEventListener("click",action)
}
function action(){
    var i, items = document.qetElementsByTagName("p");

    for (i = 0; i < items.length; i++) {


        console.log(items[i]);

    }
}

2 个答案:

答案 0 :(得分:2)

使用 innerHTML textContent 属性获取内容

console.log(items[i].innerHTML); 
//or
console.log(items[i].textContent);

答案 1 :(得分:0)

(普通JavaScript) 列出所有&#34; p&#34;使用

console.log(document.getElementsByTagName("p"))

或者首先使用&#34; p&#34;仅

//console.log(document.getElementsByTagName("p")[0])

获取第一个内容&#34; p&#34;

console.log(document.getElementsByTagName("p")[0].textContent)