时间戳

首页 > 解决方案 > 如何将选定的html元素解析为字符串

javascript - 如何将选定的html元素解析为字符串

问题描述

我需要将整个 Html 标记解析为我使用 Html 标记中的“this”关键字选择的字符串。

例子：

<button id="3" onClick="print(this)">B3</button>  
<script type="text/javascript">
  function print(element)
  {
      console.log(element);
      var x = element.toString()
      console.log(x)
  }
</script>

当我们检查第一个控制台时，结果将是：

<button id="3" onClick="print(this)">B3</button>,

在第二个控制台中，结果将是：-

[object HTMLButtonElement],

有什么方法可以将标签解析为字符串，例如：

"<button id="3" onClick="print(this)">B3</button>"

标签： javascripthtml

解决方案

我建议使用元素的outerHTML属性，它将返回该元素的完整 HTML，如下所示：

function print(element) {
  var s = element.outerHTML;
  console.log(typeof(s));
  console.log(s);

  var t = element;
  console.log(typeof(t));
  console.log(t);
}
<button id="3" onClick="print(this)">B3</button>

变量s设置为outerHTMLa 的属性string。

变量t使用您发布的刚刚使用的原始代码，element它是一个对象。我已经添加了typeof，所以你可以看到这s是string按要求的。

推荐阅读