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、效果演示