javascript - 为什么 JavaScript 不适用于 Firefox/Chrome 而适用于 IE?

标签 javascript html internet-explorer firefox

我编写了一个简单的 JavaScript 来向 HTML Select 元素添加选项,代码如下所示:

 function addOption() {
    var newOption = document.createElement('<option value="TOYOTA">');


    var elSel = document.getElementById('mySelect');
    try{
    elSel.add(newOption,null);
    } //Standard
    catch(ex)
    {elSel.add(newOption);
    } //IE Only
    newOption.innerText = "Toyota";
}

我发现在线教程显示我们需要执行类似的操作才能让 Firefox/Chrome 和 IE 正常工作。但是,目前只有 IE 可以工作,对于 FF/Chrome,当我单击“添加”按钮时,下拉列表中没有添加任何内容,有人可以帮忙吗?提前致谢。

最佳答案

您应该指定节点名称,而不是 HTML 字符串 ala jQuery 样式到 createElement afaik。

var el = document.createElement('option')
  , fc = document.createTextNode('blah')
  , s = document.getElementById('foo');

el.value = 'blah';
el.appendChild( fc );
s.appendChild( el )

关于javascript - 为什么 JavaScript 不适用于 Firefox/Chrome 而适用于 IE?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4750118/

相关文章:

html - Bootstrap 轮播的分辨率和宽高比图像大小

jquery - ajax 调用后重置 CSS 徽章内容

jquery - 动画 Bootstrap 列

html - 搜索框和搜索按钮之间的对齐问题

javascript - html 中的链接不起作用

javascript - 实现 twitter bootstrap carousel v2.3.2

internet-explorer - jquery ajax 无法在 IE 中发送

html - CSS 不能在 IE 和 Chrome 中工作,但可以通过 Chrome 在 CodePen 中工作

javascript - float 是否可以只设置 x 轴的起点?

javascript - 未调用 Amazon Alexa 技能回调