我正在使用 JavaScript (DOM)，但无法直接在浏览器的控制台中控制台记录我的 innerHTML

Question

这是我的问题

它应该是什么

 const span = document.querySelector("span") console.log(span.parentNode); console.log(span.parentElement); console.log(span.parentNode.parentNode);

 <body> <!-- beforebegin --> <h3> <!-- afterbegin --> <span class="span">khải lê</span> <span class="span2">kai</span> <!-- beforeend --> </h3> <!-- afterend --> <script src="JS/DOM/TRAVERSING.JS"></script> </body>

Answer 1

它可以通过只记录innerHTML属性来完成。 喜欢：

const span = document.querySelector("span");
console.log(span.innerHTML);
console.log(span.parentElement.innerHTML);
console.log(span.parentNode.innerHTML);

Answer 2

你可以：

 const span = document.querySelector("span") console.log(span.parentNode.innerHTML); console.log(span.parentElement.innerHTML); console.log(span.parentNode.parentNode.innerHTML);

 <body> <!-- beforebegin --> <h3> <!-- afterbegin --> <span class="span">khải lê</span> <span class="span2">kai</span> <!-- beforeend --> </h3> <!-- afterend --> <script src="JS/DOM/TRAVERSING.JS"></script> </body>

Answer 3

实现此目的的最简单方法是向您要查找的元素添加 id，然后使用文档选择器检索该元素。

你可以试试这个：

// HTML
<div id="my-div">
    <p>Hello World</p>
</div>

// Browser
const elem = document.getElementById('my-div');
console.log(elem)

我正在使用 JavaScript (DOM)，但无法直接在浏览器的控制台中控制台记录我的 innerHTML

问题描述

2 个解决方案

解决方案1
1 2021-10-27 16:33:37

解决方案2
0 2021-10-27 16:29:57

解决方案3
-1 2021-10-27 16:30:58

我正在使用 JavaScript (DOM)，但无法直接在浏览器的控制台中控制台记录我的 innerHTML

问题描述

2 个解决方案

解决方案1 1 2021-10-27 16:33:37

解决方案2 0 2021-10-27 16:29:57

解决方案3 -1 2021-10-27 16:30:58

解决方案1
1 2021-10-27 16:33:37

解决方案2
0 2021-10-27 16:29:57

解决方案3
-1 2021-10-27 16:30:58