Javascript 按钮不存在';t工作并更改边框颜色
我试图编写一个小的Firefox扩展,但弹出窗口中的按钮无法工作。 单击按钮时,红色边框将变为绿色边框。 我找不到错误 这是我的manifest.jsonJavascript 按钮不存在';t工作并更改边框颜色,javascript,firefox-addon,Javascript,Firefox Addon,我试图编写一个小的Firefox扩展,但弹出窗口中的按钮无法工作。 单击按钮时,红色边框将变为绿色边框。 我找不到错误 这是我的manifest.json { "manifest_version": 2, "name": "Testing", "version": "1.0", "description": "Testing", &
{
"manifest_version": 2,
"name": "Testing",
"version": "1.0",
"description": "Testing",
"icons": {
"48": "icon.jpg"
},
"content_scripts": [
{
"matches": ["*://*.allee-abi20.de/*"],
"js": ["ust.js"]
}
],
"permissions": [
"activeTab",
"contextMenus"
],
"browser_action": {
"default_icon": "icon.jpg",
"default title": "Hallo",
"default_popup": "view.html"
}
}
这就是view.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" href = "style.css" type="text/css"/>
</head>
<body>
<input type=text id="Kat"></input>
<input type=text id="Ty"></input>
<button id= "but">Klicken </button>
<script type="text/javascript" src="./popup.js"></script>
</body>
</html>
只是一个关于大写字母的小语法问题:write
but
,而不是but
,因为but
是未定义的它应该是,但“
不是”而是“
–var myLink=document.getElementById(“but”)代码>
document.body.style.border = "5px solid red";
var myLink = document.getElementById("But");
myLink.onclick = function(){
document.body.style.border = "20px solid green";
}