获取元素<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)
}