原生JS如何以最佳的性能获取一个动态增加的ul下的li的index值

如题所述

---- alert(document.getElementById("list").getElementsByTagName("li").length); ---- 步骤: 1、给UL一个ID值 2、使用document.getElementById获取到这个ID值对应的UL对象 3、再使用getElementsByTagName
温馨提示:内容为网友见解,仅供参考
无其他回答

原生js如何给ul下面添加2个li
li.innerHTML="这是第"+i+"个ul的第"+j+"个li";ul.appendChild(li);} document.getElementsByTagName("body")[0].appendChild(ul);} <\/script> <\/body>

javascript获取当前<ul>中点击的<li> 的值
<ul id="parent"> <li>a<\/li> <li>b<\/li> <li>c<\/li> <\/ul> <\/body> <script> function ons(){ var ul = document.getElementById('parent');var lis = ul.getElementsByTagName('li');for(var i=0;i<lis.length;i++){ lis[i].onclick = function(){ alert(this.inner...

js动态添加与删除ul中的li
1、使用jquery脚本库,因此先引入jquery脚本文件。2、html代码里,就是一个ul列表,里面有二个img控件,还有一个按钮。要注意的是给ul加了一个样式名。3、使用jquery,先为按钮添加一个点击事件。4、在点击事件函数里,我们直接使用js代码就能获取到img控件了,var imgs = $(".jy_ul li img");...

怎么用js在ul标签下添加li标签,并要求li有id?
1、新建一个txt文档,将文档修改成“index.html”的html文件。2、将html文件用Sublime编辑器打开,完善html5标准化代码,并修改网页标题。3、在body标签内编写一段"ul、li"的标签。4、用浏览器打开index.html文件,可以发现默认“ul li”标签组前面有个实心小圆点。5、只需要在ul标签内加入(style=“...

如何用js实现在ul中动态插入li
ul>li{ float:right } <\/style> <script language="javascript"> function go_up(){ var len = document.getElementById('test').innerHTML+='<li>1<\/li>';} <\/script> <ul id="test"><li>2<\/li><\/ul> <a href="javascript:go_up()">点我<\/a> 参考资料:<a href="http:\/...

如何在js中循环赋值给页面上的li附上标签?
js 动态添加li代码:<ul id="parentUl"><li>原li<\/li><\/ul> function addElementLi(obj) {var ul = document.getElementById(obj); \/\/添加 livar li = document.createElement("li"); \/\/设置 li 属性,如 idli.setAttribute("id", "newli"); li.innerHTML = "js 动态添加li";ul....

如何用JavaScript获得ul中的li的个数?
<li><\/li>...<\/ul>如上述结构 首先获得ul元素,再调用getElementsByTagName函数temp = document.getElementById('myul');lis = temp.getElementsByTagName('li');alert(lis.length); \/\/显示li元素的个数或者直接得到:document.getElementById('myul').getElementsByTagName('li').length 本回答被提问者...

如何使用jQuery动态加载UL标签中的li标签。
首先获取到数据。在这里模拟创建一个数组用于测试数据集。第二步,创建一个button点击事件。用于动态观察,同时创建ul标签下的厨师li标签元素,直观的通过点击button的点击事件来触发li标签的更改。第三步,写入js控制代码,一开始通过remove动作先把原先的li表情清楚,接下来,使用jQuery的each方法遍历创建的...

...有好几个ul,只有其中一个下面有好几个li,用js怎么通过这个li获取其包...
<meta charset="UTF-8"> <title><\/title> <script type="text\/javascript" src="js\/jquery-1.11.1.min.js"><\/script> <\/head> <style> li{ margin-left: 38px;} <\/style> <body> <div class="box"> <ul> <p>1<\/p> <li>1<\/li> <li>2<\/li> <li>3<\/li> <\/ul> <...

JS如何获取指定DIV下的子元素LI值
1、新建一个html文件,命名为test.html,用于讲解JS如何获取指定DIV下的子元素LI的值。2、在test.html文件内,在div标签内,使用ul、li标签创建两个项目列表,li元素的值分别为项目一、项目二。3、在test.html文件内,设置div标签的id为mydiv,主要用于下面通过该id获得mydiv对象。4、在test.html文件...

相似回答