javascript - 访问 ul 列表中的元素

Question

我有以下列表层次结构:

<ul id="ulid">
    <li><a><div class="mydiv">content</div></a></li>
    <li><a><div class="mydiv">content</div></a></li>
    ...
</ul>

我想向 div 添加一些 css 规则，这是我迄今为止尝试过的:

var myul = document.getElementById("ulid");
var myli = myul.getElementsByTagName("li");
for(var i = 0; i < myli.length; i++) {
    //myli[i].parentNode.style.display = "none"; // that works
    var links = myli[i].getElementsByTagName("a");
    for(var ii = 0; ii < links.length; ii++) {
        links[ii].parentNode.style.display = "none"; // doesnt work
    }
}

我可以隐藏 li 项目，但无法对 a 执行相同操作，因此我无法到达 div。我在这里做错了什么？

编辑:getElementsByClassName似乎不适用于greasemonkey脚本，因为它只适用于Emmanuel N的 fiddle 。

Answer 1

你的代码似乎可以工作。查看this fiddle

  var myul = document.getElementById("ulid");
  var myli = myul.getElementsByTagName("li");
  for(var i = 0; i < myli.length; i++) 
  {
       var links = myli[i].getElementsByTagName("a");
       for(var ii = 0; ii < links.length; ii++) 
       {
              links[ii].parentNode.style.display = "none";
       }
  }