本文實例講述了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程序設計有所幫助。

總結

以上是生活随笔為你收集整理的js向ul中写html语言,javascript操作ul中li的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。