javascript - 以编程方式将 HTML 标记角括号更改为 `<` 文本字符

Question

我需要将一些 HTML 转换为文本并将 HTML 标记显示为代码，换句话说，<div>显示带有尖括号并在屏幕上显示为<div>. 我知道要做到这一点，我必须将尖括号切换到<和>

有没有用 JavaScript 以编程方式执行此操作？我在下面包含了一些伪代码，如果它是一个字符串，你将如何做到这一点，但我需要了解如何将 HTML 标签转换为字符串？

代码笔： https ://codepen.io/emilychews/pen/KKpqoww

// PSEUDO CODE

var codeHTML = document.getElementsByClassName('code-html')

for (var i = 0; i < codeHTML.length; i+=1) {

    codeHTML[i].replace('<', '&lt;')
}

<code class="code-html"><div></code>
Hi
<code class="code-html"></div></code>

标签： javascripthtmlstringreplace

Answer 1

尝试使用 element.innerHTML 获取内容并使用element.innerText或通过element.textContent将这些值分配给元素。现在您想要的标签将被转换为字符串。