outerhtml

作者：血之メ狂霸发布日期:2025-10-17 浏览:12

<!-- 示例代码 -->
<div id="example">这是一个示例元素</div>

<script>
  // 获取元素的 outerHTML
  var element = document.getElementById('example');
  var outerHtmlContent = element.outerHTML;

  // 输出 outerHTML 内容
  console.log(outerHtmlContent); 
  // 结果: <div id="example">这是一个示例元素</div>
</script>

解释说明：

outerHTML 是一个属性，用于获取或设置指定元素及其内容的 HTML 标记。
在上面的示例中，我们通过 document.getElementById 获取了一个具有特定 ID 的元素，然后使用 outerHTML 属性来获取该元素的完整 HTML 标记（包括标签本身和内部内容）。
最后，我们将结果输出到控制台。

上一篇：html 多选框

下一篇：html li