JS 一個修改ul的小樣本

標籤：

javascript提供了innerHTML 屬性可以擷取和設定對象的常值內容。

下面執行個體示範——單擊<ul>下的<li>標籤後，改變其顯示值：

1、HTML結構

<ul id="test">
<li>Glen</li>
<li>Tane</li>
<li>John</li>
<li>Ralph</li>
</ul>

2、javascript代碼

window.onload = function(){
obj = document.getElementById("test").getElementsByTagName("li");
for(i in obj){
obj[i].onclick = function(){
str = this.innerHTML;
this.innerHTML = "被點擊後的" + str;
}
}
}

3、效果示範

JS 一個修改ul的小樣本