本人js菜鸟,怎样用js获取ul里面的li元素,用js写,不用jq

本人js菜鸟,怎样用js获取ul里面的li元素,用js写,不用jq,第1张

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是个数组

<!DOCTYPE html>

<head>

<style type="text/css">

ul{

    list-style:none; / 去掉ul前面的符号 /

    margin: 0px; / 与外界元素的距离为0 /

    padding: 0px; / 与内部元素的距离为0 /

    width: auto; / 宽度根据元素内容调整 /

}

/ 所有class为menu的div中的ul中的li样式 /

ul li{float:left; / 向左漂移,将竖排变为横排 /}

#ulImages li{display:none};

</style>

<script>

function show(id){

var images = documentgetElementById("ulImages")getElementsByTagName("li");

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

images[i]styledisplay = "none";

}

images[id]styledisplay = "block";

}

</script>

</head>

<body>

<div id="t_c_ggao">

    <ul id="ulImages">

    <li style="display:block"><img src="images/list-1jpg" width="480" height="200"/>1</li>

    <li><img  src="images/list-1jpg" width="480" height="200" />2</li>

    <li><img src="images/lp570jpg" width="480" height="200"/>3</li>

    <li><img  src="images/qx570jpg" width="480" height="200" />4</li>

    <li><img  src="images/ys570jpg" width="480" height="200"/>5</li>

    <li><img  src="images/zx570jpg" width="480" height="200" />6</li>

    <li><img  src="images/list-1jpg" width="480" height="200" />7</li>

    </ul>

 <ul id="list_number">

   <li><a href="#" onclick="show(0)">1</a></li>

   <li><a href="#" onclick="show(1)">2</a></li>

   <li><a href="#" onclick="show(2)">3</a></li>

   <li><a href="#" onclick="show(3)">4</a></li>

   <li><a href="#" onclick="show(4)">5</a></li>

   <li><a href="#" onclick="show(5)">6</a></li>

   <li><a href="#" onclick="show(6)">7</a></li>

      </ul>

  </div>

  </body>

  嗯貌似我回答晚了,仅供参考吧,欢迎交流学习qQgroup21/77/712

var max_width=0; $('ul li')each(function(){ if(max_width){ if($(this)width()>max_widthwidth()){ max_width = $(this)width(); } }else{ max_width = $(this)width(); }})alert(max_widthwidth())

<input type="text" name="haha" id="haha" value="">你把想要得到的value所在的id值给他就行documentgetElementById('haha')value;,那个值就有了

以上就是关于本人js菜鸟,怎样用js获取ul里面的li元素,用js写,不用jq全部的内容,包括:本人js菜鸟,怎样用js获取ul里面的li元素,用js写,不用jq、js怎样获取点击的是第几个li、js中怎么获取当前li之前的所有li的宽度和()等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9527682.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存