如何创建编辑特定元素的 TamperMonkey 脚本[重复]

Question

搜索了几个小时后，我终于找到了如何使用 TamperMonkey 编辑元素，但是每当我运行该脚本时，只有第一行有效，请查看脚本和帮助。

document.getElementsByClassName("loginPanelTitle")[0]
.style.display="flex"; //works
.style.opacity="0.5"; //doesn't work
.style.align-items="center"; //doesn't work
.style.padding="4px 8px"; //doesn't work
.style.font-size="24px"; //doesn't work
.style.background-color="#000000"; //doesn't work
.style.border-radius="2px 2px 0 0"; //doesn't work
.style.border-bottom="1px solid #d3d3d3"; //doesn't work

})();

Answer 1

使用变量来存储元素引用

var element = document.getElementsByClassName("loginPanelTitle")[0];
element.style.display="flex";
element.style.opacity="0.5";
// etc

编辑：您还需要为border-radius 和其他使用破折号的方括号，或使用它们的camelCase 变体

element.style["border-radius] = "2px 2px 0 0";

或

element.style.borderRadius = "2px 2px 0 0";