本人js菜鸟,怎样用js获取ul里面的li元素,用js写,不用jq

本人js菜鸟,怎样用js获取ul里面的li元素,用js写,不用jq,第1张

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,并且可以对其删除和修改等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9557132.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存