Javascript 为什么';这段代码在FireFox和IE中不起作用,但在Chrome中起作用吗?
我目前正在使用此代码: 代码可以在这里看到- 该代码在Chrome中运行良好,但在FireFox中,该按钮显示非常小且不起作用,而在IE中,该代码根本不起作用。问题在于:Javascript 为什么';这段代码在FireFox和IE中不起作用,但在Chrome中起作用吗?,javascript,css,google-chrome,firefox,browser,Javascript,Css,Google Chrome,Firefox,Browser,我目前正在使用此代码: 代码可以在这里看到- 该代码在Chrome中运行良好,但在FireFox中,该按钮显示非常小且不起作用,而在IE中,该代码根本不起作用。问题在于: button.innerText = 'Change Item'; innerText不是有效的DOM属性。某些浏览器可能支持它,但它是非标准的,不应使用 您可以将innerText替换为: textContent(这是直接符合标准的等价物) 或与 innerHTML(这有点不同,但在您的示例中是相同的,并且与旧浏览器
button.innerText = 'Change Item';
innerText
不是有效的DOM属性。某些浏览器可能支持它,但它是非标准的,不应使用
您可以将innerText
替换为:
(这是直接符合标准的等价物)textContent
(这有点不同,但在您的示例中是相同的,并且与旧浏览器兼容)innerHTML
- 问题在于:
button.innerText = 'Change Item';
innerText
不是有效的DOM属性。某些浏览器可能支持它,但它是非标准的,不应使用
您可以将innerText
替换为:
(这是直接符合标准的等价物)textContent
(这有点不同,但在您的示例中是相同的,并且与旧浏览器兼容)innerHTML
]
吗,或者这是一个拼写错误?你能用你的代码和CSW创建一个JSFIDLE吗?当它在IE中“不起作用”时,错误是什么?你查过了吗?@Mathletics那是个错误。谢谢你指出@jezzipin我在那里为你添加了一个JS-Bin链接:)这是你代码末尾的额外]
,还是这是一个拼写错误?你能用你的代码和CSW创建一个JSFIDLE吗?当它在IE中“不起作用”时,错误是什么?你查过了吗?@Mathletics那是个错误。谢谢你指出@jezzipin我在那里为你添加了一个JS-Bin链接:)可能想提到的是,addEventListener在IE 9之前也不受支持-参见。这就是人们一直使用jQuery这样的库的原因。这对于在IE和FireFox上显示按钮非常有用,但这两种浏览器上的按钮都不会获取任何项目。不过,该脚本在Chrome上仍然运行良好。@CCC:可能是因为在changeItem()函数中有另一个innerText
调用。还要注意Mike Edwards在上面关于IE8不支持addEventListener()
@Spudley的评论哦,是的,我真傻,谢谢你也指出了这一点。我可以确认它现在适用于FireFox。IE仍然不能工作,但这并不是一个很大的问题,因为我的大部分流量来自Chrome和FireFox:)可能要提到的是,addEventListener在IE 9之前也不受支持-参见。这就是人们一直使用jQuery这样的库的原因。这对于在IE和FireFox上显示按钮非常有用,但这两种浏览器上的按钮都不会获取任何项目。不过,该脚本在Chrome上仍然运行良好。@CCC:可能是因为在changeItem()函数中有另一个innerText
调用。还要注意Mike Edwards在上面关于IE8不支持addEventListener()
@Spudley的评论哦,是的,我真傻,谢谢你也指出了这一点。我可以确认它现在适用于FireFox。IE仍然无法工作,但这并不是什么大问题,因为我的大部分流量来自Chrome和FireFox:)