您的位置:首页> 前端教程> JS教程
文章导航

JavaScript item()

2018-7-23 14:36| 作者: admin| 查看: 2116| 评论: 0|来自: 蚂蚁部落

此方法可以获取元素集合中指定索引的元素。

[JavaScript] 纯文本查看 复制代码
nodelist.item(index)

参数解析:

(1).nodelist:元素对象集合。

(2).index:必需,用来指定元素在集合中的索引位置的数字,索引从0开始。

浏览器兼容:

(1).IE浏览器支持此方法。

(2).edge浏览器支持此方法。

(3).谷歌浏览器支持此方法。

(4).火狐浏览器支持此方法。

(5).safria浏览器支持此方法。

(6).opera浏览器支持此方法。

代码实例如下:

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html>
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>蚂蚁部落</title> 
<style type="text/css"> 
ul li{ 
  font-size:12px; 
  list-style:none; 
} 
</style> 
<script type="text/javascript">
window.onload = function () {
  var lis = document.getElementsByTagName("li");
  var odiv = document.getElementById("show");
  odiv.innerHTML = lis.item(1).innerHTML;
}
</script> 
</head>  
<body> 
<div id="show"></div> 
<ul id="box"> 
  <li>只有努力奋斗才会有美好的未来。</li> 
  <li>蚂蚁部落欢迎您,希望能够给大家提供需要的知识。</li> 
  <li>分享的精神和互助的胸怀是进步的最大源动力。</li> 
  <li>只有当前的时间才是最真实的,下一秒都是虚幻的。</li> 
  <li>每一天都是新的,要好好的珍惜。</li> 
</ul> 
</body> 
</html>

上面的代码可以获取li元素集合中的第二个li元素,然后将其html内容写入指定div中。

相关阅读:

(1).getElementsByTagName()参阅document.getElementsByTagName()一章节。

(2).innerHTML参阅JavaScript innerHTML一章节。


鲜花

握手
1

雷人

路过

鸡蛋

刚表态过的朋友 (1 人)

最新评论

返回顶部