如何在元素的文本中动态添加空格?

evf*_*qcg 3 html javascript dom

我想在DOM元素中插入空格.

例如,我想改变这一点

<a></a>
Run Code Online (Sandbox Code Playgroud)

对此

<a> </a>
Run Code Online (Sandbox Code Playgroud)

如果我手动添加&nbsp到DOM元素,那么它将呈现&nbsp为空白.但是当我想动态添加它时,我会使用innerText,

 a_element.innertText = "&nbsp"
Run Code Online (Sandbox Code Playgroud)

因此它不会转换&nbsp为空格并将其呈现为text(<a>&nbsp</a>).我怎样才能解决这个问题?

San*_*hit 11

.innerHTML,因为你需要编辑特定链接的HTML.

a_element.innerHTML = "&nbsp;"
Run Code Online (Sandbox Code Playgroud)


Juk*_*ela 7

HTML实体引用仅在HTML解析中处理.无论如何,最好将角色直接放入内容中.如果您不知道如何在创作环境中键入不间断空格,可以在JavaScript中使用\xA0\u00A0转义:

a_element.innerText = "\u00A0";
Run Code Online (Sandbox Code Playgroud)

顺便说一句,不间断空格不是HTML规范的空白字符.