javascript - 试图遍历 DOM，但得到 Uncaught TypeError parentNode is undefined

Question

我正在尝试从 jQuery 转移到普通的 javascript，但是在遍历 DOM 时遇到了困难，就像我使用 jQuery 所做的那样。在写入 DOM 后，尝试向上移动 DOM 结构时，我收到“未捕获的 TypeError：html.parentNode 未定义”错误。这是代码：

Javascript

let html = 'change to this';

let eA = document.querySelector('.startA');

eA.parentNode
    .querySelector('.target1A .target2A')
    .innerHTML = html
    .parentNode
    .querySelector('.target1A')
    .classList
    .remove('hidden');

HTML

<div id="top">
    <div class="startA">
        <div class="target1A hidden">
            <div class="target2A">target 1</div>
        </div>
    </div>
</div>

我似乎无法弄清楚为什么会这样。我想我还没有完全理解如何通过 DOM。任何帮助是极大的赞赏。

谢谢

标签： javascriptjqueryclassdomruntime-error

Answer 1

let html = 'change to this';
    let eA = document.querySelector('.startA');
    eA.parentNode
        .querySelector('.target1A .target2A')
        .innerHTML = html;
    eA.parentNode
        .parentNode
        .querySelector('.target1A')
        .classList
        .remove('hidden');