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程序设计有所帮助。

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

javascript 操作 url 中 search 部分方法函数
javascript 操作 url 中 search 部分方法函数前言首先,我们需要知道什么是 search , search 是 window.location 的一个属性.举个例子: 首先,我 ...
中职c语言程序设计案例教学,中职C语言教学中案例教学法新探.doc
中职C语言教学中案例教学法新探中职C语言教学中案例教学法新探 [摘要]该文以中职C语言程序设计教学中的案例教学法为研究对象,针对相关问题进行了探讨与分析.文章开始阐述了案例教学法的相关特点,然后结 ...
c语言程序设计李泽中课后,C语言程序设计李泽中课件第4章解读.ppt
C语言程序设计李泽中课件第4章解读河南商业高等专科学校 4.4 程序综合举例 [例4.12]输入一个无符号短整数和进制代号(d-十进制.0-八进制.x-十六进制),然后将数进制代号要求输出. 程序代 ...
怎么在html文件中写css文件,html头文件中css怎么写？
html头文件中写css的方法:1.将css的样式代码写在html文档头文件<head></head>中的<style></style>标签中:2.在网 ...
python中tolist_高效的张量操作 Pytorch中就占5种
PyTorch是一个基于Python的科学包,用于使用一种称为张量的特殊数据类型执行高级操作. 虽然也有其他方式可以实现相同的效果,但今天分享的这5个操作更加方便高效,值得一试. 什么是张量? 张量是 ...
31.模型中的一些查询骚操作——模型中的聚合查询，Q查询，F查询，分组查询；
模型中的一些查询骚操作: (1)聚合查询:aggregate()是QuerySet 的一个终止子句,它返回一个包含一些键值对的字典 from movie.models import User from ...
C语言中写一个函数返回参数二进制中 1 的个数
通过C语言程序将十进制数转化成二进制数,然后求出二进制数中1的个数. 下面用三种方法来实现.来方法一:除2取余法.对一十进制数,用2辗转相除至结果为1,将余数和最后的1从下向上倒序写就是对应的二进制 ...
cygwin中写c语言程序,在windows下怎么利用Cygwin进行编程
Windows下使用C语言+嵌入SQL实现DB2开发 Cygwin,gcc的介绍和安装在前面的文章有将过,请参考在Windows中使用Cygwin环境下的gcc编译器编译Informix ESQ/C ...
java js 正则区别_对比正则表达式在JavaScript与Java中的区别
这篇文章主要介绍了JavaScript与Java正则表达式写法的区别介绍,需要的朋友可以参考下 Js验证写法:(转义符\) var str = "待验证文本"; var regul ...

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

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

最新文章

热门文章