DOM 未捕获类型错误：无法读取未定义的属性“子项”

Question

我正在尝试访问 DOM 深处的一个元素。

因此，我使用以下代码导航 DOM 以到达该元素。

    var body = document.body;
    var bodychild5 = body.children[5];
    var container = bodychild5.children[0];
    var mainright = container.children[1];
    var rbslip = mainright.children[1];
    var slip = rbslip.children[1];
    var sliplayer = slip.children[3];
    var innerpadding = sliplayer.children[1];
    var bsbody = innerpadding.children[0];
    var formclass = bsbody.children[0];
    var gslip = formclass.children[0];
    var almostinput = gslip.children[8];
    var input = almostinput.children[1];

我得到了元素，但是当我运行代码时，我得到一个 Uncaught TypeError: Cannot read property 'children' of undefined when it get to gslip。

Answer 1

节点bsbody 可能没有子节点。

a) 最好添加id / class 属性，以便使用document.getElementById() 或document.getElementsByClassName()。

b) 这个answer 演示了如何通过xpath 选择节点（可以从网络浏览器的F12 工具中复制）。