替換具有相同類的所有div的innerHTML

我想用類「count」替換所有div的innerHTML：items1.innerHTML。替換具有相同類的所有div的innerHTML

我該怎麼做？

2011-09-13 lisovaccaro

'items'裏面有什麼？ –

你不應該用innerHTML做任何事情。 http://stackoverflow.com/questions/7392930/why-should-y-innerhtml-x-innerhtml-be-avoided – Incognito

在這裏你去這樣做：

var items = document.getElementById('items'), 
    divs = document.getElementsByClassName('count'); 

[].slice.call(divs).forEach(function (div) { 
    div.innerHTML = items.innerHTML; 
});

現場演示：http://jsfiddle.net/MGqGe/

我用這個[].slice.call(divs)改造節點列表成一個常規數組，以便我可以調用forEach方法。

Btw，careful with innerHTML。我個人會使用庫（如jQuery）來克隆內容。

來源

2011-09-13 22:53:11

對於直接的JavaScript回答爲+1，但應該檢查getElementsByClassName是否存在（如果使用）。 – kinakuta

@kinakuta'getElementsByClassName'和'forEach'沒有在IE8中實現。如果OP需要跨瀏覽器解決方案，他應該使用庫。如果不需要支持IE8，請使用我的代碼。 –

使用'querySelectorAll'，只要你將'.slice'轉換爲Array和'forEach'，你就可以獲得IE8的支持。 – user113716

您可以通過jQuery的這樣

$("div.count").html("new content");

來源

2011-09-13 22:50:52 MhdSyrwan

更高效的選擇器是$（'div.count'） - 因爲它依賴於快速DOM操作'getElementsByTagName'僅以抓取div作爲起點。 – Beejamin

@Beejamin它做的是OP所問（「所有的div與班'計數'」）。而不是可能選擇額外的元素。 – Paulpro

感謝您的注意，回答更新。 – MhdSyrwan

替換具有相同類的所有div的innerHTML

回答

相關問題