使用JavaScript通過名稱更改跨度標記的值

我正在製作計時器應用程序，但目前，我已將計時器設置爲其默認值5:00，直到單擊上面的圖像。對於點擊圖片的代碼是這樣的：使用JavaScript通過名稱更改跨度標記的值

<a href="#" onClick="Timer1()"><img src="images/Icons/image.png" id="id"></a>

當被點擊，我希望它調整以下量程代碼：

<span id="timer" class="one" name="blue1">5:00</span>

不過，也有許多地區的代碼，並與我CSS樣式，我不能真正地節省ID或類變量，所以我想用JavaScript來定位這個定時器，它的一個非共享名字是name =「blue1」。這是我現在的JavaScript。

function BlueTimer1() { 

document.getElementsByName('blue1').innerHTML="blah"; 

}

很顯然，這實際上將做一次的東西，我用它做，但現在我只需要能夠修改跨度內的文字，我不關心它編輯它。

感謝您的任何幫助。

爲什麼你有多個具有相同ID的元素？這是錯誤的。但正如你在基礎教程中學到的那樣，'getElementsByName'返回一個類似數組的集合，所以你需要訪問集合的成員。 –

我猜想狼人提供的答案是正確的。你也可以考慮將'onClick'改爲'onclick'以避免eclipse提示警告。的xD – jhyap

其實document.getElementsByName('blue1')將返回一個集合/數組像跨度的對象，甚至只有一個，所以你需要選擇使用第一種：

document.getElementsByName('blue1')[0].innerHTML="blah";

所以它會工作，但如果你使用getElementById('timer')然後你可以做到這一點usong：

document.getElementById('timer').innerHTML="blah";

請確保您有使用一個id，這意味着id必須是唯一的只有一個元素。

2014-04-22 00:03:13

回答