对于innerHTML的，有没有什么办法来区分，如果内容是在尖括号（“”）或一个真正的HTML标记内一个字符串？

Question

我想说明一个字符串作为一个div的innterHTML，但这个字符串中，它可能包含一个真正的HTML，像<h1>apple</h1>，所以它会显示“苹果”为标题1，这是我想要的。但是，如果此字符串包含一些字母，这是尖括号，like<bookName>。我希望看到的是真正的字符串'<bookName>'show出来，但这innerHTML的将以此为一个html标签，这是不。那么，有没有办法ditingguish尖括号内的字母成为一个真正的html标记或尖括号内的字母就是这个字符串的一部分？示例：假设string"<h1>apple<h1> is a <bookName>"，我想要的网页，看到的是"apple is a <bookName>"，但这种苹果在标题1。

Answer 1

检查孩子们收集的长度

console.log(isTextNode('txt'));
console.log(isTextNode('child'));

function isTextNode(id) {
  return document.getElementById(id).children.length === 0;
}

<div id="txt">text</div>
<div id="child"><span>child</span></div>