Javascript 我的代码只有六行,但在第7行失败”;“输入意外结束”;

Javascript 我的代码只有六行,但在第7行失败”;“输入意外结束”;,javascript,google-chrome-extension,Javascript,Google Chrome Extension,我正在尝试设置一个扩展,它将突出显示特定网站上的评论。所有注释都在特定类中。这就是我迄今为止所做的: console.log("It works"); let paragraphs = document.getElementsByClassName('sc-fAJaQT dGfKUv'); for (elt of paragraphs) { elt.style['background-color'] = '#FF00FF'; } 然而,chrome不断抛出“未捕获的SyntaxError

我正在尝试设置一个扩展,它将突出显示特定网站上的评论。所有注释都在特定类中。这就是我迄今为止所做的:

console.log("It works");

let paragraphs = document.getElementsByClassName('sc-fAJaQT dGfKUv');
for (elt of paragraphs) {
  elt.style['background-color'] = '#FF00FF';
}

然而,chrome不断抛出“未捕获的SyntaxError:输入的意外结束”,我不明白如何以及为什么。所有的圆括号和花括号都可以吗?

更改元素css属性的一种方法如下:
elem.style.property=''

在您的情况下,您正在更改背景色。您可以这样做:
elem.style.backgroundColor='#FF00FF'

下面是一个工作示例,它将StackOverflow上的一些按钮更改为紫色背景,并显示了您的固定代码

console.log("It works");

var paragraphs = document.getElementsByClassName('s-btn');
for (elt of paragraphs) {
  elt.style.backgroundColor = '#FF00FF';
}


更改元素的css属性的一种方法如下:
elem.style.property=''

在您的情况下,您正在更改背景色。您可以这样做:
elem.style.backgroundColor='#FF00FF'

下面是一个工作示例,它将StackOverflow上的一些按钮更改为紫色背景,并显示了您的固定代码

console.log("It works");

var paragraphs = document.getElementsByClassName('s-btn');
for (elt of paragraphs) {
  elt.style.backgroundColor = '#FF00FF';
}


请确保使用BOM以UTF-8编码保存文件,或使用
标记在html文件中指定UTF8编码,也可以在
标记上指定。您使用的是哪个版本的Chrome?这就是文件的全部内容吗?你能用
xxd
或别的什么来显示它的确切字节吗?我目前在Mac OS 10.13.4上使用的是76.0.3809.100版,这是唯一的内容。我没有再进一步,因为它一直在导致这个错误@wOxxOm它已经用UTF8编码了。backgroundColor@George这没有改变任何内容。请确保使用BOM以UTF-8编码保存文件,或者使用
标记在html文件中指定UTF8编码,也可以在
标记上指定。您使用的是哪个版本的Chrome?这就是文件的全部内容吗?你能用
xxd
或别的什么来显示它的确切字节吗?我目前在Mac OS 10.13.4上使用的是76.0.3809.100版,这是唯一的内容。我没有再进一步,因为它一直在导致这个错误@wOxxOm它已经用UTF8编码了。backgroundColor@George这没有改变任何事情。