javascript代码：
var names = document.getElementById("names"); var lis = names.getElementsByTagName("li"); for (var i = 0; i < lis.length; i++) { var li = lis[i]; li.onmouseover = function () { var names = document.getElementById("names"); var lis = names.getElementsByTagName("li"); for (var i = 0; i < lis.length; i++) { var li = lis[i]; if (li == this) { this.style.background = "#f00"; } else { li.style.background = "#fff"; } } }; li.onclick = function () { var names = document.getElementById("names"); var lis = names.getElementsByTagName("li"); for (var i = 0; i < lis.length; i++) { var li = lis[i]; if (li == this) { //this.style.fontSize = "30px"; this.innerHTML = "<h2>" + this.innerText + "</h2>"; } else { li.style.fontSize = ""; } } }; } }
网页内容：
<body οnlοad="initevent()"> <ul id="names"> <li>张三</li> <li>李四</li> <li>王五</li> <li>牛六</li> <li>马七</li> </ul> </body>
