javascript - 多个父节点在 Internet Explorer 7 中不起作用

Question

var round1 = output.parentNode.parentNode.parentNode.getElementsByTagName('a')[0].innerHTML

当代码明显适用于 ie 9 ff 和 chrome 任何建议时，Internet Explorer 7 给出错误“无法获取属性‘innerHTML’的值:对象为 null 或未定义”。

Answer 1

只是不要这样做，即在不知道它是什么的情况下重复调用 parentNode 。 DOM 看起来可能与您预期的有很大不同。这与仅仅为了方便而不进行任何范围检查一样聪明。

使用防御性和灵活的方法(或者，使用像 jQuery 这样的框架来完成繁重的工作)。

function closest(node, tagName) {
  var parent = node.parentNode;
  if (parent) {
    if (parent.tagName && parent.tagName.toUpperCase() === tagName.toUpperCase()) {
      return parent;
    }
    return closest(parent, tagName);
  }
}

var container = closest(node, "table");
var firstLink = container.getElementsByTagName('a')[0];
var round1    = firstLink.innerHTML || "";