js里怎么获取获取position：absolute的元素？？？ 话不多说，看下简单的代码， 10
最后一行发现absolute以后就获取不了？？PS：目前还没看Ajax，可以的话能用js回答我吗？<style>.line_hover1{position:absolut...
最后一行发现absolute以后就获取不了？？PS：目前还没看Ajax，可以的话能用js回答我吗？
<style>
.line_hover1{position:absolute;width: 80px;height:5px;background-color:yellow;}
#ul1 li{float:left;display: block;margin:0 20px 0 0;}
</style>
</head>
<body>
<ul id="ul1">
<li><div class ="line_hover1"></div></li>
。。。//各位黏贴下,我有字数限制
</ul>
<script>
window.onload = function(){
var oUl = document.getElementById("ul1");
var oLi = oUl.getElementsByTagName("li");
oLi[1].style.display = "none";//这一步实现不了
};
</script>
附上代码，各位大神可以直接黏贴运行看看，没加absolute可以获取，加了就不行了！谢谢各位！ 展开
<style>
.line_hover1{position:absolute;width: 80px;height:5px;background-color:yellow;}
#ul1 li{float:left;display: block;margin:0 20px 0 0;}
</style>
</head>
<body>
<ul id="ul1">
<li><div class ="line_hover1"></div></li>
。。。//各位黏贴下,我有字数限制
</ul>
<script>
window.onload = function(){
var oUl = document.getElementById("ul1");
var oLi = oUl.getElementsByTagName("li");
oLi[1].style.display = "none";//这一步实现不了
};
</script>
附上代码，各位大神可以直接黏贴运行看看，没加absolute可以获取，加了就不行了！谢谢各位！ 展开
2个回答
展开全部
没分的提问让人没动力！
你的代码目测没问题，你所谓的实现不了是指代码没效果，第二个 li 没有被隐藏？还是脚本出错？
理论上，你的 JavaScript 执行在文档加载完毕之后，改写第二个 li 的 display 样式，顺序上是没错的。
或许改成 none!important 试试
你的代码目测没问题，你所谓的实现不了是指代码没效果，第二个 li 没有被隐藏？还是脚本出错？
理论上，你的 JavaScript 执行在文档加载完毕之后，改写第二个 li 的 display 样式，顺序上是没错的。
或许改成 none!important 试试
追问
额没放分啊，大神！不好意思！！是这样的，上面的代码不添加absolute，整个代码完全没问题（可以实现效果隐藏第二个li），但是放了absolute以后，oLi[1].style.display = "none";这一行代码在检查里执行（不报错，就像无视了这一行代码，也就是说一个li都隐藏不了~）我用的chrome应该说都兼容的~none!important没成功~就是问怎么解决这个问题？
追答
抱歉回复晚了！本来我的回答是使用另一个帐号的，这个不常用！
但是不知道怎么回事被当违规没能显示，也就没关注问题了。
下面的代码只是在你原来代码上加入Top定位，可以从测试效果看到！
这个问题与 position 这个参数毫无关系！你的代码是有效果的！第二个 li 是可以隐藏的！
或许你应该上一个完整的实例代码（不要图）！
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
加了 absolute 就脱离文档流了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
