如何创建用于编辑特定元素的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";