如何通過類和.innerHTML調用多個元素？

使用.innerhtml時，我有問題使用相同的類名調用多個元素。比如我一起工作的網址是：如何通過類和.innerHTML調用多個元素？

https://www.amazon.com/s/ref=nb_sb_noss_2?url=search-alias%3Daps&field-keywords=hen

，當我進入鉻控制檯下面的代碼我得到：

document.getElementsByClassName('a-size-small a-color-secondary') 

<span class="a-size-small a-color-secondary">by </span> 
<span class="a-size-small a-color-secondary">Adore Plush Company</span> 
<span class="a-size-small a-color-secondary">Get it by <span class="a-color-success a-text-bold">Tuesday, Jun 21</span></span> 
... 
...

但是，當我進入：document.getElementsByClassName（'一 - 尺寸 - 小a顏色 - 次要'）。innerHTML

我得到「未定義」。我們的目標是獲得span標籤之間的文本。

有人可以給我一些指導嗎？我嘗試過不同的變體，包括var和甚至Selection方法。它適用於第一類元素的Selection，但對於SelectionAll根本不起作用。謝謝你的幫助。

來源

2016-06-18 Mike S

document.getElementsByClassName（'a'）將爲該對象提供類名稱。

例如類名是，有許多跨度有，那麼你需要通過使用對象

var x =document.getElementsByClassName('a'); 

console.log("value of spans"+x[0].innerHTML);

COdepen- http://codepen.io/pen/

來源

2016-06-18 22:20:34

的console.log（X [指數得到跨度值0] .innerHTML）; 似乎只對第一個元素有效，但在 –

之後邁入了未定義的範圍，例如，我已經使用了x [0]但是對於所有值，您可能都有該對象的循環，例如如下面的（i = 0 （「span of value」+（i + 1）+「is」+ x [i] .innerHTML）; i

更新了我的codepen，希望這適用於你 –

如何通過類和.innerHTML調用多個元素？

回答

相關問題