如何动态地创建一个包含HTML实体的JavaScript( – …«)?

前端之家收集整理的这篇文章主要介绍了如何动态地创建一个包含HTML实体的JavaScript( – …«)?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想添加一个< option>元素到< select>元素,其中< option>元素的文字包含 HTML实体:& mdash;

在HTML中,代码如下所示:

<select name="test" id="test">
    <option value="">&mdash; Select One &mdash;</option>
</select>

我的JavaScript代码如下所示:

function selectOne() {
  var e = document.getElementById('test');
  e.options[0] = new Option('&mdash; Select One &mdash;','');
}

但是,正如你将看到,如果你测试这个,& mdash;逃脱了当我尝试时,我有同样的结果:

e.options[o].text = '&mdash; Select One &mdash;';

(观察到的行为是在Internet Explorer 7 …没有使用Firefox,Safari等进行测试 – Internet Explorer 7是目前唯一需要的浏览器.)

解决方法

我只是意识到我可以使用Unicode JavaScript转义:
e.options[0] = new Option('\u2014 Select One \u2014','');

猜你在找的HTML相关文章