DOM实体对象

DOM（文档对象模型）是一种用于处理HTML文档的标准接口。在操作HTML文档时，我们经常需要使用DOM中的实体对象来表示各种特殊字符和符号，这包括HTML转义字符、引用符号和分隔符等。

HTML转义字符

HTML中有一些特殊的字符需要进行转义，才能在HTML页面中正确显示。常见的HTML转义字符如下：

• <：小于号 <
• >：大于号 >
• &：& 符号
• "：双引号 "
• '：单引号 '

DOM中对应的实体对象有：

• document.createTextNode('<')：表示小于号 <
• document.createTextNode('>')：表示大于号 >
• document.createTextNode('&')：表示& 符号
• document.createTextNode('"')：表示双引号 "
• document.createTextNode('\'')：表示单引号 '

引用符号和分隔符

HTML页面中的属性值需要用引号括起来，并且引号和属性值之间可以使用单引号、双引号或无引号来分隔。当属性值中包含引号或分隔符时，需要使用转义字符来表示，这些转义字符在DOM中也对应有实体对象，如下：

• '：单引号 '
• "：双引号 "
•  ：不断行空格符（non-breaking space）
• ‹：左尖括号（single left angle quotation mark）
• ›：右尖括号（single right angle quotation mark）
• «：左双尖括号（double left angle quotation mark）
• »：右双尖括号（double right angle quotation mark）
• —：长破折号（em dash）
• –：短破折号（en dash）

DOM中对应的实体对象有：

• document.createTextNode('\'')：表示单引号 '
• document.createTextNode('"')：表示双引号 "
• document.createTextNode(' ')：表示不断行空格符
• document.createTextNode('‹')：表示左尖括号
• document.createTextNode('›')：表示右尖括号
• document.createTextNode('«')：表示左双尖括号
• document.createTextNode('»')：表示右双尖括号
• document.createTextNode('—')：表示长破折号
• document.createTextNode('–')：表示短破折号

使用实体对象

使用DOM中的实体对象非常简单，只需要创建一个文本节点，把实体对象的值赋值给文本节点的nodeValue属性即可。

// 创建一个表示小于号的文本节点
var ltNode = document.createTextNode('<');

// 将节点添加到某个元素中
var el = document.getElementById('example');
el.appendChild(ltNode);

总结

DOM实体对象提供了一种方便的方式来表示HTML中的特殊字符和符号，可以保证HTML页面在各种浏览器中正确显示。在使用DOM实体对象时，需要注意实体对象和对应的转义字符之间的映射关系。