var dv=documentgetElementById("star"); 获取id="star"的div
var ularr=dvgetElementsByTagName("ul"); 获取div下的ul
var liarr=ularr[0]getElementsByTagName("li"); 获取div下的ul下的li
liarr是个数组。
其实最简单方法是给ul一个id=“getli”;
然后var liarr=documentgetElementById("getli")getElementsByTagName("li");
liarr是个数组
因为不仅一个li,你这样写是拿不到任何一个li的值,你想要获取全部li的值,只能自己写个函数来循环得到里面所有的li的值,给ul绑定一个叫test的id,然后执行下下面的代码
windowonload = function(){var obj_lis = documentgetElementById("test")getElementsByTagName("li");
for(i=0;i<obj_lislength;i++){
obj_lis[i]onclick = function(){
alert(thisinnerHTML);
}
}
}
获取input的值,可以使用val()命令,
创建内容可以使用$()
插入到ul可以使用appendTo()来插入。
下面是一个示例:
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="js/jquery-331js"></script>
</head>
<body>
<input type="text" name='box'>
<button>插入</button>
<ul></ul>
<script>
$('button')click(function() {
var text = $('input[name="box"]')val();
$('<li>' + text + '</li>')appendTo($('ul'));
});
</script>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN" ">
样式通常取值是就近原则:
所以从最近的一人ID来取
如id=some_id下的ul里的li的a的img元素,就不是
#some_id ul li a img{}
应该改为
#some_id img{}
所以
$("#some_id li a") each(function(){
})
应改为
$("#some_id img") each(function(){
})
以上就是关于本人js菜鸟,怎样用js获取ul里面的li元素,用js写,不用jq全部的内容,包括:本人js菜鸟,怎样用js获取ul里面的li元素,用js写,不用jq、jq如何获取li里面value值、使用JQ动态获取input里面的值,插入到ul中动态生成li,并且可以对其删除和修改等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)