Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么';这段代码在FireFox和IE中不起作用,但在Chrome中起作用吗?_Javascript_Css_Google Chrome_Firefox_Browser - Fatal编程技术网

Javascript 为什么';这段代码在FireFox和IE中不起作用,但在Chrome中起作用吗?

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(这有点不同,但在您的示例中是相同的,并且与旧浏览器

我目前正在使用此代码:

代码可以在这里看到-

该代码在Chrome中运行良好,但在FireFox中,该按钮显示非常小且不起作用,而在IE中,该代码根本不起作用。

问题在于:

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:)