使用使用JavasScript

Question

如何做到這一點，同樣的ID更換所有的innerHTML？如果你能幫，ID的beeing宣佈獨特

<div id="user"> one </div> 
    <div id="user"> two </div> 
    <script> 
document.getElementById('user').innerHTML = "three"; 
    </script> 

我一直在尋找，如果我們可以用「三化」

Answer 1

上的多個元素相同的ID是沒有什麼好主意，替換所有與相同ID的div因在html文檔中。最好是使用類。

然後在香草JS，你可以做到以下幾點：

var users = document.getElementsByClassName('user'); 
for (var i = 0; i < users.length; ++i) { 
    var user = users[i]; 
    user.innerHTML = '<p>Hello out there!</p>'; 
} 

或使用jQuery是容易得多。

Answer 2

被W3C非標準您必須使用唯一的ID的。

http://www.w3.org/TR/html401/struct/global.html

請參見注釋7.5.2元素標識符：id和class屬性

您可以使用類名。

Answer 3

雖然它非常氣餒和無效的HTML中使用相同的ID，還有一個辦法做到這一點在大多數瀏覽器：

var elements = document.querySelectorAll('[id="user"]'); 

for(var i = 0; i < elements.length; i++) { 
    elements[i].innerHTML = "three"; 
}