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

Question

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

示例：

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

控制台输出：

ID：ID5667

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

Answer 1

我认为以下应该适合你。

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

console.log(result);

更多参考：getElementByClassName

Answer 2

Pure JavaScript：

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

jQuery的：

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

Answer 3

使用jQuery：

• .html()方法为您提供HTML内容（see doc page）。使用方法如下：

  console.log("ID: " + $("div.elementa").html())
  

• 如果您只想要文字内容，请使用.text()方法（see doc page）：

  console.log("ID: " + $("div.elementa").text())
  

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);
}