js向ul中写html语言,javascript操作ul中li的方法

本文实例讲述了javascript操作ul中li的方法。分享给大家供大家参考。具体如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

动态控制li球队列表

function iniEvent() {

var ul = document.getElementById("football");

var lis = ul.getElementsByTagName("li");

for (var i = 0; i < lis.length; i++) {

//鼠标经过事件

lis[i].onmouseover = function () {

var ul = document.getElementById("football");

var lis = ul.getElementsByTagName("li");

for (var i = 0; i < lis.length; i++) {

var li = lis[i];

if (li == this) {

li.style.background = "red";

}

else {

li.style.background = "gray";

}

}

}

//鼠标单击事件

lis[i].onclick = function () {

var ul = document.getElementById("football");

var lis = ul.getElementsByTagName("li");

for (var i = 0; i < lis.length; i++) {

var li = lis[i];

if (li == this) {

li.style.fontSize = 30;

}

else {

li.style.fontSize = 16;

}

}

}

}

}

• 皇马
• 曼联
• 切尔西
• 巴萨
• Ac米兰
• 国际米兰

希望本文所述对大家的javascript程序设计有所帮助。