Question

首先，我仍然是网络开发方面的初学者。完整的源代码可以在这里找到：https://codepen.io/tommie-olislagers/full/NMrVKd

我特别希望在Edge和Chrome中使用的代码是：

＆＃13;

var textcolor = document.getElementById('textcolor');
    textcolor.style.background = 'black';
    var textcolor2 = document.getElementById('textcolor');
    textcolor.style.color = 'white';

＆＃13;

<textarea id="textcolor"></textarea>

＆＃13;

其中textcolor =由ID命名的textarea。澄清此工作但仅限于 Firefox ，而不是 Edge 或 Chrome 。

编辑：以下是两个比较Chrome与Firefox的截图。铬： https://gyazo.com/72e144a466dcd740b7fb403285b18194 火狐： https://gyazo.com/e6f17558fbbac7082e1521bce9c70202

Answer 1

我检查了您的代码后，您需要在代码中进行一些清理，

但导致您的问题的原因是

 var buttoncolor = document.getElementById('btntest3');
 btntest3.style.background = 'black';
 var buttoncolor = document.getElementById('btntest3');
  btntest3.style.color = 'limegreen';

将代码从代码中移除，无论代码存在且代码都可以使用，

始终检查控制台日志中是否有错误。

Answer 2

这种情况正在发生，因为chrome和IE会在发现错误时停止代码执行..在代码中

 var buttoncolor = document.getElementById('btntest3');

不存在..因此

  btntest3.style.background = '' ;

将抛出错误，您的代码将停止执行...

要解决此问题，您可以删除这些行...
添加btntest3元素。
或者将这些行包装在try {}块中......

Answer 3

 var buttoncolor = document.getElementById('btntest3');
 btntest3.style.background = 'black';
 var buttoncolor = document.getElementById('btntest3');
 btntest3.style.color = 'limegreen';

成为

 var btntest3 = document.getElementById('btntest3');
 btntest3.style.background = '';
 btntest3.style.color = '';

Answer 4

在控制台中，它表示您有错误：

未捕获的TypeError：无法设置undefined的属性'background' - pen.js：57

这是因为第57行你有

var buttoncolor = document.getElementById('btntest3');

您会注意到，您将变量名称设置为buttoncolor，但随后意外地将id btntest3用作第二行的目标。

要修复它，请使用正确的变量。变化：

btntest3.style.background = 'black';

到

buttoncolor.style.background = 'black';

虽然我将其更改为var button_bg_color。

你也为下一组做了这个，所以这是相同的程序。

 var buttoncolor = document.getElementById('btntest3');
  btntest3.style.color = 'limegreen';

到

var buttoncolor = document.getElementById('btntest3');
  buttoncolor.style.color = 'limegreen';

Chrome＆amp; Edge不会识别javascript更改我的按钮和textarea

4 个答案: