javascript获取ul标签的id,如何才能改变ul内li的背景颜色等属性

使用jquery的选择器获取ul里的所有li元素，然后用jquery提供的css(name, value)方法修改所有li的css属性，即background-color

如果ul的id的变量名为ulid

$("li","#" + ulid)css("background-color","#ccc");

这个用到了jquery的选择器规则$(selector1, content)

selector1是一个选择器。content可以是一个选择器、一个jquery dom对象或者原生dom对象，上面的代码中conten是一个选择器

这个写法的意思是选择content中所有符合selector1的元素，在上面的代码里面就表示“选择id为ulid变量值的ul中所有的li元素”

css(name, value)方法是改变名称为name的css属性为value，有数值单位的可以省去单位，如padding 30px的值可以直接写css("padding", 30)

css(name)是获取名称为name值的css属性值，如css("padding")返回padding的值，不带单位，如css("padding")返回30

var dv=documentgetElementById("star"); 获取id="star"的div

var ularr=dvgetElementsByTagName("ul"); 获取div下的ul

var liarr=ularr[0]getElementsByTagName("li"); 获取div下的ul下的li

liarr是个数组。

其实最简单方法是给ul一个id=“getli”；

然后var liarr=documentgetElementById("getli")getElementsByTagName("li");

liarr是个数组

<script type="text/javascript">

function pro(){

//得到li的数组

var lis = documentgetElementById("ul的ID")getElementsByTagName("li");

for(var i=0;i<9;i++){

var li = lis[i];

//你要的9个li

}

}

</script>

var maxheight = 0;

$("li")each(function(){

if(maxheight < $(this)height()) maxheight = $(this)height();

});

$("li")css({"height": maxheight + "px"});

使用getElementsByTagName可以获得li元素数组 再通过判断数组的长度就可以获得li元素的个数了

<ul id ='myul'>

<li></li>

<li></li>

</ul>

如上述结构 首先获得ul元素，再调用getElementsByTagName函数

temp = documentgetElementById('myul');

lis = tempgetElementsByTagName('li');

alert(lislength); //显示li元素的个数

或者直接得到：

documentgetElementById('myul')getElementsByTagName('li')length

以上就是关于javascript获取ul标签的id,如何才能改变ul内li的背景颜色等属性全部的内容，包括:javascript获取ul标签的id,如何才能改变ul内li的背景颜色等属性、本人js菜鸟，怎样用js获取ul里面的li元素，用js写，不用jq、javascript获取<ul>中的前几个<li>等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！