有这样一段代码:
<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
分享到:
相关推荐
获取页面中特定元素的个数是常见的需求,比如获取一个无序列表(ul)中所有的列表项(li)个数。下面将详细介绍如何使用JavaScript来获取无序列表中列表项的个数,并涉及相关的一些基础知识和技巧。 首先,基本的...
// 定义外层ul的宽度,根据图片的个数和每个图片的宽度计算,保证总宽度是可调整的 function fnMove() { if (oUl.offsetLeft ) { oUl.style.left = 0; } else if (oUl.offsetLeft > 0) { oUl.style.left = -...
首先,我们需要获取到所有图片的个数,并设置初始显示的图片。然后,绑定点击事件到按钮上,当点击“Prev”按钮时,向后切换图片;点击“Next”按钮时,向前切换: ```javascript $(document).ready(function() { ...
1. **初始化**:首先,我们需要获取所有图片的个数,然后根据图片数量创建相应的点按钮,并设置初始显示的图片。 2. **切换事件**:为上一张和下一张按钮绑定点击事件,当用户点击时,更新当前显示的图片索引,并...
例如,可以通过创建一个包含`ul`和`li`标签的列表来组织每张图片,每张图片对应一个`li`元素。同时,我们还需要一些按钮来控制图片的切换,这些按钮可以用链接`a`标签包裹在另一个`ul`列表中实现。 在CSS样式部分,...
在提供的代码示例中,主要展示了如何根据`<ul>`元素的子`<li>`元素个数来设置不同的样式。以下是关键点的详细解释: 1. **单个子元素的情况**: - `li:nth-last-child(1):first-child` 选择器用于匹配只有唯一一...
例如,使用`<ul>`和`<li>`元素构建菜单结构,确保键盘用户也能流畅地导航,以及为每个链接添加明确的`title`属性和`aria`属性,以帮助屏幕阅读器用户理解菜单内容。 在"WWW.WEI2008.COM"这个文件中,可能包含了实现...
$("#parent").children().length // 得到所有的“孩子”(li)的个数,“3” $("#parent").children("#son1").text(); // 得到第一个“孩子”(li)的值-“第一列” ``` 这段代码首先获取 id 为 "parent" 的元素下的所有...
jQuery返回的元素集合实际上是一个类数组对象,它有一个length属性,表示集合中元素的个数。如果length属性的值大于零,说明至少存在一个匹配的元素,即该元素存在;如果length属性的值为零,则表示没有找到匹配的...
在jQuery中,可以通过`.each()`方法遍历所有选中的复选框,并通过`.val()`方法获取每个选中复选框的value属性值,然后将这些值存储在一个数组中。 - **存储选中的值:** 创建一个数组,遍历所有被选中的复选框,将...
例如,`$('ul li').index($('.active'))`会返回带有`.active`类的`<li>`元素在所有`<li>`元素中的索引。 4. **add(String|elem|Array)**: `add()`方法允许我们将其他元素添加到现有的jQuery对象中。可以是jQuery...
size:获取序列中元素的个数 下面是数字值的常用内建函数 int:取得数字的整数部分,结果带符号 例如: ${test?html} ${test?upper_case?html} 结果是:Tom & Jerry TOM & JERRY 1.10 空值处理运算符 ...