0

我觉得这应该有一个非常简单的答案，但我仍然摸不着头脑，谷歌也没有帮助。我正在尝试将有关元素的信息存储在数组中。但是在 Google Chrome 中，当我设置有关第二个元素的信息时，它会覆盖第一个元素。这是代码的简化版本：

<!DOCTYPE HTML>
<html>
  <head>
    <script>
      var $box = new Array();
      $box['test'] = new Array();
      function load(){
        $box['test'][document.getElementById('box')] = true;
        $box['test'][document.getElementById('boxinfo')] = false;

        console.log('box: ' + $box['test'][document.getElementById('box')]);                // box: false      // Should be true
        console.log('boxinfo: ' + $box['test'][document.getElementById('boxinfo')]);        // boxinfo: false  // Should be false
        console.log(document.getElementById('box') == document.getElementById('boxinfo'));  // false           // Should be false
      }
    </script>
  </head>
  <body onload="load();">
    <div id="box">
      <div id="boxinfo">BoxInfo</div>
      Box
    </div>
  </body>
</html>

我怎样才能做到这一点

$box['test'][document.getElementById('box')]          // is true
$box['test'][document.getElementsByTagName('div')[0]] // is true
$box['test'][document.getElementById('boxinfo')]      // is false
4

1 回答 1

2

做的时候

foo[ bar ] = someValue;

bar转换为字符串值，然后用作属性名称（正在分配给它）。在您的情况下，您的 DOM 元素被转换为字符串，如'[object HTMLDivElement]'. 如果您的两个元素都是 DIV，它们将被转换为相同的字符串值，这就是为什么第二个赋值会覆盖第一个，即两个赋值都分配给相同的属性。

您要实现的目标不能用简单的数组来实现。

于 2013-02-03T22:38:51.113 回答