JavaScript：返回包含标记的innerHTML'；重新定位？

新的JS。我在书堆里找不到这个问题的答案，所以我希望这不是重复。我正在尝试返回标记的innerHTML，包括我要定位的标记。假设您有以下HTML：

<div class="parent">
  <p>Text 1</p>
  <p>Text 2</p>
  <p>Text 3</p>
</div>

控制台日志将仅返回div标记内部的html：

  <p>Text 1</p>
  <p>Text 2</p>
  <p>Text 3</p>

文本1

文本2

文本3

是否有方法返回包含父标记（div）的innerHTML，以便控制台日志返回整个部分，而不在div之外创建另一个父容器

<div class="parent">
  <p>Text 1</p>
  <p>Text 2</p>
  <p>Text 3</p>
</div>

文本1

文本2

文本3

---

我知道，如果我只是在内部div之外添加另一个父div，并以父div的innerHTML为目标，我就可以做到这一点，但我正试图在一个页面上应用这一点，在这个页面上添加更多div会破坏对齐/间距，如果可以避免的话，我不希望重新调整它。

是的，您可以使用

outerHTML

完成此操作

元素DOM接口的

outerHTML

属性获取描述元素及其子体的序列化HTML片段。可以将其设置为使用从给定字符串解析的节点替换元素

const divInner=document.querySelector（'.parent'）.outerHTML；
控制台日志（divInner）

文本1

文本2

文本3

您也可以只执行
document.querySelector（'.parent'）.parentElement.innerHTML
；）但是是的，户外MTL是一个不错的选择。谢谢大家！外套对我有用。我不知道它的存在。谢谢@ikiK！我想到了这一点，但在现实生活中，父元素包含许多我不想返回HTML的div标记，因为我试图只针对在其内部HTML中包含特定单词的div标记。因此，我遍历了所有div，创建了一个数组，其中只包含满足特定要求的div，我只想显示这些div的innerHTML，包括它们的父div标记，如果这有意义的话@如果我理解正确，我认为
outerHMTL
将返回+parent中的所有元素。不确定这是你在现实生活中需要的。这和我的建议一样。如果你想返回html而不在outerHTML中包含一些特定的div，你必须用另一种方式进行过滤。谢谢！我以前没听说过outerHTML。这对我有用。我会把你的答案记下来@KatieReynolds，很乐意帮忙。
<div class="parent">
  <p>Text 1</p>
  <p>Text 2</p>
  <p>Text 3</p>
</div>