獲取第三個文本內容<p>里面的元素<div>元素

Question

我有一些像這樣的 HTML/JS 代碼。

 var bTags = document.getElementsByClassName("Wrapper"); var kind = bTags[0]; console.log(kind); console.log(kind.childNodes[4].text);

 <div class="Wrapper"> <h3 class="date" id="date">{{date}}</h3> <div class="descriptionWrapper"> <p class="jobDescription">{{job}}</p> <p class="jobAreaDescription">{{jobArea}}</p> <p class="placeDescription">{{ort}}</p> <p class="kindDescription">{{anstellung}}</p> </div> <div class="jobLink"> {{#custom_link jobLink}} {{linkText}} {{/custom_link}} </div> </div>

在我的示例中，“console.log(kind);” 成功記錄 HTML 對象。 這里當然不起作用，因為它沒有定義。 但不知何故 childNodes[0-4].text 是未定義的。 我只想使用這個特定 parentNode 的類“placeDescription”訪問 p 元素的文本。

Answer 1

const el = document.querySelector('.Wrapper p:nth-of-type(3)');
if (el) {
 console.log(el.textContent)
}