用于获取网页内容的Javascript？

Question

I want to fetch the value of class .cell-hover through javascript and it should print the value which is present in double quotes. So far I tried:

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

but its printing [object HTMLCollection] , and I want to print the exact value.

Attached Snapshot:

Answer 1

document.getElementsByClassName('cell-hover'); will return an array of elements with class name cell-hover .Loop through that and print the result.For the content inside that class use innerHTML . The innerHTML will return DOM content as a String

You can also use node.textContent; if you know that your div contains only text Here in the snippet i have printed the content of the first element with class name 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);