gpt4 book ai didi

javascript - 你如何组织 Javascript 的冗长?

转载 作者:行者123 更新时间:2023-11-30 06:58:09 25 4
gpt4 key购买 nike

我正在编写一个 GM 脚本,我意识到我正在重复做的一件事就是一遍又一遍地编写相同的代码。具体来说,样式属性。

function createButton() {
var a = document.createElement('a');
a.href = '#';
a.innerHTML = 'Print Topic';
a.style.position = 'absolute';
a.style.right = '3em';
a.style.top = '6em';
a.style.fontFamily = 'Arial,Helvetica,sans-serif';
a.style.fontWeight = 'bold';
a.style.fontSize = '125%';
a.style.background = '#777777 none repeat scroll 0 0';
a.style.color = 'white';
a.style.padding = '6px 12px';
document.body.insertBefore(a, document.body.lastChild);
}

正如您在我的示例代码中看到的,我多次重复编写 a.style 。你有避免这种困惑的技巧吗?只为风度翩翩。

谢谢——

伙计们,这是简化的代码:

function createButton() {
var a = document.createElement('a');
var css = document.createElement('style');
css.type = 'text/css';
css.innerHTML = '#prt { position:absolute; right:3em; top: 6em; font-family: Arial,Helvetica,sans-serif; font-weight:bold; font-size:125%; background: #777777 none repeat scroll 0 0; color: white; padding: 6px 12px;}'
a.href = '#';
a.innerHTML = 'Print Topic';
a.id = 'prt';
document.body.insertBefore(a, document.body.lastChild);
document.body.appendChild(css);
}

大声笑,那确实看起来更好

最佳答案

将样式属性放入 CSS 类中,然后动态交换类而不是显式地处理每个样式属性。

关于javascript - 你如何组织 Javascript 的冗长?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/714068/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com