将元素的内容打印到控制台

Question

我有一个将内容动态输出到元素的提要。我想从元素 A 中获取文本并将其输出到控制台日志。

示例：

<div class="elementa">ID5667</div>

控制台输出：

编号：ID5667

我已经尝试了一些方法，但要么未定义，要么该元素的完整 HTML。

Answer 1

纯JavaScript:

console.log('ID : ' + document.getElementsByClassName('elementa')[0].innerHTML);

jQuery:

console.log('ID : ' + $('.elementa').text());

Answer 2

使用jQuery：

.html()方法给你HTML内容（see doc page）。使用方法如下：
```
console.log("ID: " + $("div.elementa").html())
```
如果只需要文本内容，使用.text()方法(see doc page):
```
console.log("ID: " + $("div.elementa").text())
```

Answer 3

我认为以下内容应该适合您。

var result = document.getElementsByClassName("elementa")[0].innerHTML;

console.log(result);

Answer 4

或者，如果您想使用 jQuery 作为标记，则表明您可以使用 .text():

console.log($('.elementa').text());

也可以使用 .html()，但如果 HTML 标签存在于该标签内，则行为会有所不同。比较两个文档。

Answer 5

如果您要查找多个类的内容，您可以这样做：

var elements = document.getElementsByClassName("className");

for (i = 0; i < elements.length; i++) {
    console.log(elements[i].innerHTML);
}

Print content of element to console