如何使用js 删除<ul>下第一个<li>
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何使用js 删除<ul>下第一个<li>相关的知识，希望对你有一定的参考价值。
<ul id = "ID1">
<li>111</li>
<li>222</li>
.............
</ul>
<li>是使用js代码添加的,现在想实现的功能是,当<li>个数超过10个时,自动删除第一个<li>元素
使用原生的js实现删除ul下的第一个li代码如下：
<ul><li>1</li>
<li>2</li>
<li>3</li>
</ul>document.getElementsByTagName(\'ul\')[0].removeChild(document.getElementsByTagName(\'ul\')[0].getElementsByTagName(\'li\')[0]);
解释：
document.getElementsByTagName根据标签获取元素，取得的是一个数组，包含所有指定标签的集合，其中document.getElementsByTagName(\'ul\')[0]表示页面上的第1个ul标签（数组下标从0开始）
removeChild方法用于移除子元素，参数为需要移除的元素
var lis = ul.querySelectorAll("li");
if(lis.length > 10)
lis[0].remove();
本回答被提问者采纳 参考技术B var obj = $("#id1").children("li");
if(obj.length > 10)
$("#id1").removeNode(0);
这样可以吗？
JS 获取div子元素,隐藏div
求JS代码，功能描述：如果指定ID的div内包含class名为“a”的元素，则隐藏该div，否则显示该div。
html结构：
<div id="cc">
<div><div>
<div>
<ul>
<li class="a"></li>
<li></li>
<li></li>
</ul>
<div>
</div>
已实现，感谢各位的回答。。CMS在页面自己生成了一堆东西，要动态控制它们内部一些元素的隐藏和显示，才抽象出来这样一个问题提问。。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#ccwidth:500px;height:300px;background:#069;
</style>
</head>
<body>
<div id="cc">
<div></div>
<div>
<ul>
<li class="a"></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<script type="text/jscript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$('#cc').find('.a').length > 0 ? $("#cc").hide() : "";
</script>
</body>
</html> 参考技术B 晕，，，还用js，，，直接css都可以了。。
你在最前面写一个
#cc .adisplay:none;
这样就Ok了，，，，id cc下面的class a 就用了display:none;不显示出来。 参考技术C 用jQuery应该会很简单的。 参考技术D 你这个完全没意义啊，你想实现什么？不用搞的这么复杂吧，好像还没有这种方法！
以上是关于如何使用js 删除<ul>下第一个<li>的主要内容，如果未能解决你的问题，请参考以下文章