1、新建一个html文件，命名为testhtml，用于讲解JS如何获取指定DIV下的子元素LI的值。
2、在testhtml文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目一、项目二。
3、在testhtml文件内，设置div标签的id为mydiv，主要用于下面通过该id获得mydiv对象。
4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获取LI的值”。
5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getli
6、通过获得li对象，使用each()方法遍历每一个li对象，通过text()方法获得li的值，使用push()方法将获得li值存进数组中。最后，使用alert()方法将所有li值输出。
7、在浏览器打开testhtml文件，点击按钮，查看结果。
<li>外面应该有一个<ul>的，给这个<ul>加个id，比如：id="ul1"
给iframe一个id，比如：id="iframe1"
然后写一个方法给所有的<li>绑定处理函数：
function bind_fun()
{
var iframe=documentgetElementById("iframe1");//获取iframe1
var lis=documentgetElementById("ul1")getElementsByTagName("li");//获取所有的li标签
//循环绑定处理函数
for(var i=0;i<lislength;i++)
{
lis[i]onclick=function(){
iframesrc="abcphptype="+thisgetElementsByTagName("a")[0]innerHTML;
//或者
//iframesrc="abcphptype="+thisinnerHTMLreplace(/<>/g,"");
};
}
}
//页面加载完毕后执行函数
windowonload=bind_fun;
供参考！
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="keywords" content="标签,文件,按钮,元素,方法">
<meta name="description" content="1、新建一个html文件，命名为testhtml，用于讲解JS如何获取指定DIV下的子元素LI的值。2、在testhtml文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目一、项目二。3、在testhtml文">
<title>Document</title>
<script src="jqueryjs"></script>
</head>
<body>
<ul>
<li ><a href="#" tittle="icon/one1_03png"><b><img src="icon/one_03png" /></b></a></li>
<li ><a href="#" tittle="icon/two2_03png"><img src="icon/two_03png" /></a></li>
<li ><a href="javascript:goMenu('menu_businesshtml')" tittle="icon/three3_03png"><img src="icon/three_03png" /></a></li>
<li ><a href="#" tittle="icon/four4_03png" ><img src="icon/four_03png" /></a></li>
<li ><a href="#" tittle="icon/five5_03png" ><img src="icon/five_03png" /></a></li>
<li ><a href="#" tittle="icon/six6_03png" ><img src="icon/six_03png" /></a></li>
<li ><a href="#" tittle="icon/seven7_03png" ><img src="icon/seven_03png" /></a></li>
<div class="clear"></div>
</ul>
</body>
</html>
<script language="javascript">
$(function(){
var prevOne=null;
$('li')click(function(){
if(prevOne||prevOne==0){
$('li')eq(prevOne)css('background','red');
}
$(this)css('background','yellow');
prevOne=$(this)index();
})
})
</script>
1楼正解 我替楼主试过了
<html><head><title></title></head>
<body onload="ons()">
<ul id="parent">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
</body>
<script>
function ons(){
var ul = documentgetElementById('parent');
var lis = ulgetElementsByTagName('li');
for(var i=0;i<lislength;i++){
lis[i]onclick = function(){
alert(thisinnerHTML);
}
}
}
</script>
</html>
以上就是关于JS如何获取指定DIV下的子元素LI值全部的内容，包括:JS如何获取指定DIV下的子元素LI值、js如何获取点击<li>标签里的值、请问怎么在js里获取上一次鼠标点击事件等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）