我正在使用 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