Javascript 获取LI里的内容
<strong>数据源:</strong>
<ul>
<li>我们</li>
<ul>
<li>a_1</li>
<li>a_2</li>
<li>a_3</li>
</ul>
<li>www.jb51.net</li>
<li>www.kanshule.com</li>
</ul>
<script>
document.write("<strong>取外层ul的li信息:</strong><br>");
var tree1 = document.getElementsByTagName("ul")[0].childNodes;
for (var i = 0;i < tree1.length;i++){
document.write(tree1[i].innerHTML);
}
document.write("<br><br><strong>取内层ul的li信息:</strong><br>");
var tree2 = document.getElementsByTagName("ul")[1].childNodes;
for (var i = 0;i < tree2.length;i++){
document.write(tree2[i].innerHTML);
}
</script>
相关推荐
-
js获取对象、数组的实际长度,元素实际个数的实现代码
js获取对象.数组的实际长度,元素实际个数的实现代码 /*获取对象.数组的长度.元素个数 *@param obj 要计算长度的元素,可以为object.array.string */ function count(obj){ var objType = typeof obj; if(objType == "string"){ return obj.length; }else if(objType == "object"){ var objLen = 0; for(v
-
js获取下拉列表的值和元素个数示例
js获取下拉列表框元素的个数 复制代码 代码如下: <!DOCTYPE html><html><head><script>function getLength(){alert(document.getElementById("mySelect").length);//元素个数}</script></head><body> <form><select id="mySelect&
-
js 获取元素下面所有li的两种方法
js 获取元素下面所有的li 复制代码 代码如下: var content=document.getElementById("content"); var items=content.getElementsByTagName("ul"); var itemss=items[2].getElementsByTagName("li"); 或 复制代码 代码如下: var div=document.getElementById('a'); var ul
-
JS获取checkbox的个数简单实例
JS获取多选框checkbox被选中的个数. var checkbox = document.getElementsByName("likes[]"); //此处通过此种方式才能获得多选框为数组. //like为name = "like[]" , 获得时必须加上[] var checked_counts = 0; for(var i=0;i<checkbox.length;i++){ if(checkbox[i].checked){ //被选中的checkbo
-
javascript操作ul中li的方法
本文实例讲述了javascript操作ul中li的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &l
-
JS动态增加删除UL节点LI及相关内容示例
复制代码 代码如下: <ul id="ul"> <li id=1>11111111111111111<a href="javascript:del(1);">del</a></li> <li id=2 >22222222222222222<a href="javascript:del(2);">del</a></li> <li id=
-
JavaScript获取多个数组的交集简单实例
在项目中需要取得多个数组的交集,故本例只是适用于特定场景.比如A数组 var a = {1000,10001,10002,10003}; B数组 var b = {10002, 10003}; C数组var c = {10003}; 需要取得这三个数组的交集数组. 具体思路为:先初始一个最小数组为A数组,元素个数最小的也是数组A的长度.然后再迭代各个数组,取得这几个数组长度最短的为最小长度,同时得到长度最短数组.然后,迭代最小数组与各个数组,开始比较元素相等,使用计数器来判断是否该元素
-
js 动态添加元素(div、li、img等)及设置属性的方法
把一串 html 标签赋给一个 javascript 变量,除属性的值要用转义的双引号外,某些时候字符串还很长,显得有些复杂.如果用 js 动态添加元素,就不会有那么复杂的字符串出现,代码阅读性强一点,也容易理解. 网页是由 html 标签一层层组成的,js 也可以动态添加一层层的诸如 div.li.img 这样的标签.其实,不管是什么 html 标签,js 动态创建的方法都差不多,接着就先从动态添加 div 开始. 一.js 动态添加元素div <div id="parent"
-
js限制checkbox勾选的个数以及php获取多个checkbbox的方法深入解析
首先是js限制checkbbox勾选个数的代码: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/
-
Jquery和JS获取ul中li标签的实现方法
js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElementsByTagName("ul"); var itemss=items[2].getElementsByTagName("li");//获取第二个li标签 或 var div=document.getElementById('a'); var ul=div.childN
-
JavaScript获取ul中li个数的方法
本文实例讲述了JavaScript获取ul中li个数的方法.分享给大家供大家参考,具体如下: 有这样一段HTML代码: <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 sr
-
JS遍历ul下的li点击弹出li的索引的实现方法
首先我们需要一个html结构 <div > <ul> <li>a</li> <li>a</li> <li>a</li> <li>a</li> <li>a</li> </ul> </div> 我们遍历ul 下所有的li 并添加点击事件,一般我们会在for循环里面添加点击事件,但是结果和我们所期盼不一样,那么是为什么呢???? 接下来看看我们的
随机推荐
- 详解Ruby中的方法概念
- SqlServer 2005的排名函数使用小结
- DW使用中的常见问题与解答
- Linux中文本处理工具之sort命令详解
- Java的this关键字的使用与方法的重载相关知识
- ASP.NET插件uploadify批量上传文件完整使用教程
- 一种新的javascript对象创建方式Object.create()
- IIS故障(Connections_Refused)问题分析及处理
- JavaScript解析JSON格式数据的方法示例
- Java中 shuffle 算法的使用
- 浅谈JQuery+ajax+jsonp 跨域访问
- JavaScript中的原型和继承详解(图文)
- JS.getTextContent(element,preformatted)使用介绍
- cos-html-cache关于WordPress的静态化方法
- Python for Informatics 第11章之正则表达式(四)
- java中UDP简单聊天程序实例代码
- IE 上下滚动展示模仿Marquee机制
- 如何使用PHP获取网络上文件
- mongoose更新对象的两种方法示例比较
- iOS算法教程之分段截取常数示例