`

javascript获取ul中li的个数

    博客分类:
  • js
阅读更多

有这样一段代码:
<ul id="mycarousel">
        <li><img src=01_MED.jpg height=80 width=100/></li>
        <li><img src=02_MED.jpg height=80 width=100/></li>
        <li><img src=03_MED.jpg height=80 width=100/></li>
        <li><img src=04_MED.jpg height=80 width=100/></li>       
</ul>

<li>的数量是不固定的,现在需要通过javascript获取li的数量。

把getElementById和getElementsByTagName结合起来使用就可以实现:

temp = document.getElementById('mycarousel');
lis = temp.getElementsByTagName('li');
alert(lis.length); //显示li元素的个数

或者直接得到:

document.getElementById('mycarousel').getElementsByTagName('li').length

分享到:
评论

相关推荐

    JavaScript获取ul中li个数的方法

    获取页面中特定元素的个数是常见的需求,比如获取一个无序列表(ul)中所有的列表项(li)个数。下面将详细介绍如何使用JavaScript来获取无序列表中列表项的个数,并涉及相关的一些基础知识和技巧。 首先,基本的...

    javascript单张多张图无缝滚动实例代码

    // 定义外层ul的宽度,根据图片的个数和每个图片的宽度计算,保证总宽度是可调整的 function fnMove() { if (oUl.offsetLeft ) { oUl.style.left = 0; } else if (oUl.offsetLeft &gt; 0) { oUl.style.left = -...

    红色滑块按钮的jquery焦点图特效

    首先,我们需要获取到所有图片的个数,并设置初始显示的图片。然后,绑定点击事件到按钮上,当点击“Prev”按钮时,向后切换图片;点击“Next”按钮时,向前切换: ```javascript $(document).ready(function() { ...

    jQuery图片轮播切换显示代码

    1. **初始化**:首先,我们需要获取所有图片的个数,然后根据图片数量创建相应的点按钮,并设置初始显示的图片。 2. **切换事件**:为上一张和下一张按钮绑定点击事件,当用户点击时,更新当前显示的图片索引,并...

    Jquery焦点图实例代码

    例如,可以通过创建一个包含`ul`和`li`标签的列表来组织每张图片,每张图片对应一个`li`元素。同时,我们还需要一些按钮来控制图片的切换,这些按钮可以用链接`a`标签包裹在另一个`ul`列表中实现。 在CSS样式部分,...

    css判断某元素的子元素个数并分别设置样式的方法

    在提供的代码示例中,主要展示了如何根据`&lt;ul&gt;`元素的子`&lt;li&gt;`元素个数来设置不同的样式。以下是关键点的详细解释: 1. **单个子元素的情况**: - `li:nth-last-child(1):first-child` 选择器用于匹配只有唯一一...

    jquery导航菜单

    例如,使用`&lt;ul&gt;`和`&lt;li&gt;`元素构建菜单结构,确保键盘用户也能流畅地导航,以及为每个链接添加明确的`title`属性和`aria`属性,以帮助屏幕阅读器用户理解菜单内容。 在"WWW.WEI2008.COM"这个文件中,可能包含了实现...

    jQuery 树形结构的选择器

    $("#parent").children().length // 得到所有的“孩子”(li)的个数,“3” $("#parent").children("#son1").text(); // 得到第一个“孩子”(li)的值-“第一列” ``` 这段代码首先获取 id 为 "parent" 的元素下的所有...

    jQuery检测某个元素是否存在代码分享

    jQuery返回的元素集合实际上是一个类数组对象,它有一个length属性,表示集合中元素的个数。如果length属性的值大于零,说明至少存在一个匹配的元素,即该元素存在;如果length属性的值为零,则表示没有找到匹配的...

    jQuery实现checkbox的简单操作

    在jQuery中,可以通过`.each()`方法遍历所有选中的复选框,并通过`.val()`方法获取每个选中复选框的value属性值,然后将这些值存储在一个数组中。 - **存储选中的值:** 创建一个数组,遍历所有被选中的复选框,将...

    jQuery 对象中的类数组操作

    例如,`$('ul li').index($('.active'))`会返回带有`.active`类的`&lt;li&gt;`元素在所有`&lt;li&gt;`元素中的索引。 4. **add(String|elem|Array)**: `add()`方法允许我们将其他元素添加到现有的jQuery对象中。可以是jQuery...

Global site tag (gtag.js) - Google Analytics