js获取li里面的属性，js获取内容

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

1、新建一个html文件，命名为test.html。在test.html文件内，使用ul和li标签创建一个列表，li的值分别为测试a，测试b。在test.html文件内，设置第一个li标签的id为mytest，主要用于下面通过该id获得li对象。

2、使用li上的onclick事件 function td(obj){ jk()； obj.style.background = red；}function jk(){ //要用到obj的参数。

3、首先给第一个li默认类名如one，然后给这个one类加个背景颜色。然后写jQ 取出所有的li，并给li写单击事件，鼠标点到哪个li就把其它li的one类名去掉，并把当时li添加上one类名。思路就是这样了。

4、你设置的是UL下所有LI的背景色，所以全部LI都变成红色了。使用first-child 属性即可。

5、在不需要变色的ul的css背景色样式后面加 ！important，表示优先级最高，这样其他的标签在进行同样的样式编辑时就不会覆盖到此标签的样式了。

相关问答

Q1: 如何用js获取li标签值

1、你ID是一样的，用getElementById会默认是为第一个li的结果。

2、思路：为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。

3、首先打开html编辑器，新建一个html文件，里面写入4个li标签，并在上方的style标签中设置li的样式，给li标签高度和宽度以及边框，同时设置li标签之间的间隔。

4、li)； 获取div下的ul下的li liarr是个数组。

Q2: js中如何获取一个id的值?

通过jquery的方式，使用id选择器方式获取节点，然后获取值。通过原生的dom方式，获取id的值。

在test.html文件中，使用button标签创建一个按钮，按钮名称为“获取id值”。在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getid（）函数。

答案将html代码改为 其中加粗的this是相对你的代码增加的部分。然后在你页面的js中写一个函数如下：function test(element){ alert(element.id)} 演示我为此问题写了一个测试页面，可以点击查看在线测试代码。

Q3: js怎么获得li的value?

新建一个html文件，命名为test.html，用于讲解JS如何获取指定DIV下的子元素LI的值。在test.html文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目项目二。

思路：为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。

javascript提供了innerHTML属性可以获取和设置对象的文本内容。

然后添加按钮点击事件，如下图所示，在按钮点击事件中获得input元素。通过value属性我们可以获得用户在input中输入的内容，如下图所示。

首先打开html编辑器，新建一个html文件，里面写入4个li标签，并在上方的style标签中设置li的样式，给li标签高度和宽度以及边框，同时设置li标签之间的间隔。

需要准备的材料分别有：电脑、html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

js获取li里面的属性的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js获取内容、js获取li里面的属性的信息别忘了在本站进行查找喔。