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

【问题标题】：Print content of element to console将元素的内容打印到控制台
【发布时间】：2015-03-16 17:58:59
【问题描述】：

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

例子：

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

控制台输出：

ID : ID5667

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

【问题讨论】：

【解决方案1】：

纯 JavaScript：

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

jQuery:

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

【讨论】：

【解决方案2】：

使用 jQuery：

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

【讨论】：

【解决方案3】：

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

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

console.log(result);

【讨论】：

【解决方案4】：

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

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

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

【讨论】：

【解决方案5】：

如果您正在寻找多个类的内容，您可以这样做：

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

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

【讨论】：