javascript - 在javascript中创建一个 parent child 的数组

Question

我正在尝试创建一个父 div 的 (id="lol") 子级数组，然后他们获取它们以更改 display:none; 除了子级使用 id="a"。我已经试过了，但没有用。我该如何改进才能让它发挥作用？

function myFunction() {

  var x = document.getElementById('a');

  var children = [].slice.call(document.getElementById('lol').getElementsByTagName('*'),0);
  var arrayLength = children.length;          

  for (var i = 0; i < arrayLength; i++) {
    var name = children[i].getAttribute('id');
    var z = document.getElementById(name);
    z.style.display = 'none';
  }
  x.style.display = 'block';
} 

Answer 1

如果每个 child 都有一个 id 属性，它将起作用。否则，一些 child 可能没有 id 属性，在这种情况下变量 z 将是 undefined 并访问 style 属性z 是 undefined 会出错。简单的修复方法就是处理 undefined 变量:

   if(z)      
       z.style.display = 'none';

变量 x 也是如此。