在javascript中隐藏超文本标记语言

Question

我正在工作的工具提示和从后端我将获得数据与html标记。我需要在工具提示中显示相应的标签中的相应数据。例如，我将从后端获得Hello用户单击此处。我必须显示为你好用户在h1格式，点击这里应该是一个锚。我尝试了这两个功能，并取代其不工作。

具有以下功能：

<h1 id="data">

</h1>
    function convertToPlain(html){
        var tempDivElement = document.createElement("div");
        tempDivElement.innerHTML = html;
        return tempDivElement.textContent || tempDivElement.innerText || "";
    }
    var htmlString= "<div><h1>Bears Beets Battlestar Galactica </h1>\n<p>Quote by Dwight Schrute<a> click here<a></p></div>";
    let dataVal = convertToPlain(htmlString)
    document.getElementById("demo").innerHTML = dataVal;

替换：

https://codesandbox.io/s/serene-fast-u8fie?file=/App.svelte

Answer 1

你在寻找下面的结果吗？我通过复制粘贴您的代码并在convertToPlain函数中更新return语句制作了下面的代码片段，同时我还将href属性添加到

function convertToPlain(html) {
  var tempDivElement = document.createElement("div");
  tempDivElement.innerHTML = html;
  return tempDivElement.innerHTML;
}
var htmlString = "<div><h1>Bears Beets Battlestar Galactica </h1>\n<p>Quote by Dwight Schrute<a href='#'> click here<a></p></div>";
let dataVal = convertToPlain(htmlString)
document.getElementById("demo").innerHTML = dataVal;

<h1 id="demo"></h1>