javascript - 通过 JavaScript 将 & 字符代码添加到 HTML

标签 javascript html

<分区>

我正在尝试使用 javascript 将时间符号 × 添加到 HTML 模板。不幸的是,HTML 将 & 字符代码作为字符串读取。我该如何解决这个问题?

HTML:

<button id='b'>Add Symbol</button>
<div>&times;</div>
<div id='container'></div>

JS:

document.getElementById('b').onclick = addSymbol;
function addSymbol() {
    var pTag = document.createElement('p');
  var pTagContent = document.createTextNode('&times;');
  pTag.appendChild(pTagContent);

  var container = document.getElementById('container');
  container.appendChild(pTag);
}

https://jsfiddle.net/a2w1w0n3/

最佳答案

当您使用 createTextNode javascript 不解析 html 或实体时,您需要使用 innerHTML 让它显示实体。

var pTag = document.createElement('p');
pTag.innerHTML = '&times;';

关于javascript - 通过 JavaScript 将 & 字符代码添加到 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41622798/

相关文章:

javascript - 以编程方式切换到网页的生产源

javascript - JavaScript 数组中项目的范围是什么

android - 如何增加 FCM 推送通知文本的字体大小

php - 字体不会显示在 php include 的标题中

jquery - 两个不同的 anchor 来展开/折叠同一个 div

javascript - jquery 我的完成回调只被调用一次,我不明白为什么

javascript - 当一个元素被启用/禁用时触发一个函数

javascript - 替换整个页面内容(使用 DOCTYPE)

javascript - 按类查找id,并按另一个类过滤结果

html - 滚动时将页眉固定在 Hop,底部固定页脚