用于获取网页内容的Javascript？

Question

我想通过javascript获取类.cell-hover的值，它应该打印出双引号中的值。到目前为止，我尝试：

var phonenumbers = document.getElementsByClassName('cell-hover'); 
document.write(phonenumbers); 

但其打印[object HTMLCollection]，我想打印的精确值。

附快照：

Answer 1

document.getElementsByClassName('cell-hover');将返回元件的阵列与类名cell-hover .Loop通过并打印result.For该类使用innerHTML内的内容。的innerHTML将返回DOM内容作为字符串

您也可以使用node.textContent;，如果你知道你的div只包含文本片段 这里我有印有类名称的第一个元素的内容cell-hover

var phonenumbers = document.getElementsByClassName('cell-hover'); 
 
    
 
document.write(phonenumbers[0].innerHTML);

<div class="cell-hover"> 
 
2637145689 
 
</div>

var phonenumbers = document.getElementsByClassName('cell-hover'); 
 
     
 
    for(var i=0; i < phonenumbers.length ; i++){ 
 
     document.write(phonenumbers[0].textContent); 
 
    }

<div class="cell-hover"> 
 
    2637145689 
 
</div>

Answer 2

一个内胆：

document.write(document.querySelector('.cell-hover').innerHTML); 

Answer 3

document.write(document.querySelector('.cell-hover').innerText);