如何选择段落内的段落，而无需类或 ID 来标识它？
<!DOCTYPE html>
...
<body>
<h1>Hello</h1>
<h2>Goodbye</h2>
<ul>
<li id="highlight">List Item 1</li>
<li class="som">List Item 2</li>
<li class="bolded">List Item 3</li>
<li class="bolded">List Item 4 <p>Testing123</p></li>
</ul>
<p>
This is an <strong>awesome</strong> paragraph!
</p>
<a href="htps://www.google.com">Link to Google</a>
<a href="https://www.bing.com">Link to Bing</a>
<p>
Click a button!
<button class="button">Click here!</button>
<p>Haven't been clicked...</p>
</p>
<script type="text/javascript" src="domManipulate.js"></script>
</body>
</html>
如何选择 <p>Haven't been clicked...</p>标签？
我已经尝试过var under_btn_txt = document.querySelector("p p");和... = document.getElementsByTagName("p") .
我认为第一个有效，因为 document.querySelector("li p");确实得到了 Testing123文字...
从技术上讲，第二种方法确实可以实现。我需要使用 under_btn_txt[2] 来访问它。但如果我不一定知道什么怎么办 p那就是，知道我需要第二个索引吗？
最佳答案
此处的 html 无效。 p 是一个自闭合标签，它不能嵌套另一个 p。更多信息 here .
向父 p 元素添加一个类，并使用 span 进行嵌套。然后使用 querySelector 和 getElementsByTagName & innerHTML获取内容
var getPTag = document.querySelector(".click");
var getChild = getPTag.getElementsByTagName('span')[0].innerHTML;
console.log(getChild)<h1>Hello</h1>
<h2>Goodbye</h2>
<ul>
<li id="highlight">List Item 1</li>
<li class="som">List Item 2</li>
<li class="bolded">List Item 3</li>
<li class="bolded">List Item 4
<p>Testing123</p>
</li>
</ul>
<p>
This is an <strong>awesome</strong> paragraph!
</p>
<a href="htps://www.google.com">Link to Google</a>
<a href="https://www.bing.com">Link to Bing</a>
<p class="click">Click a button!<button class="button">Click here!</button>
<span>Haven't been clicked...</span>
</p>关于javascript - 获取元素内的元素(无类/id)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47245167/