2017-06-11 185 views
0

我想通過javascript獲取類.cell-hover的值,它應該打印出雙引號中的值。到目前爲止,我嘗試:用於獲取網頁內容的Javascript?

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

但其打印[object HTMLCollection],我想打印的精確值。

附快照:

Console Log Screenshot

+1

嘗試'的console.log(PHONENUMBERS [0] .innerHTML)' – XYZ

+0

你有一個鏈接到你的網站直播? –

回答

0

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>

+0

無法讀取未定義的屬性'innerHTML' –

+0

@AkshayPatil嘗試console.log(phonenumbers) – XYZ

+0

仍然不能正常工作 –

0

一個內膽:

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

無法讀取null的屬性'innerHTML' –

-1

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

+1

儘管這段代碼可能回答這個問題,和/或該代碼如何回答這個問題可以提高其長期價值。 –