Question

我正在尝试使用JavaScript创建一个自定义按钮，我不太了解它，以及如何将数据提供给每个按钮，我不确定要使用哪个属性。好吧，我有Button 1，我有这个脚本（如果它是正确的，不能确定）：

function customizeButton(fontColor, backgroundColor) {
    string.fontcolor(fontColor);
    button.style.backgroundColor="backgroundColor";
}

如何将该信息与按钮挂钩以显示，或者我是否只需使用CSS？

Answer 1

处理此问题的最常用方法是扩展jQuery。

$.fn.yourCustomButton = function(caption,fontColor, backGround) {
   ...
   (perform your style using .css() etc 
   or better just add a class .addClass("coolButton") and use the style defined 
   in .css  file)
   ... 
   retun this;
};

说到使用它，你需要做的就是提供一个div：

<div id="button1"></div>

然后将此div绑定到您的函数：

$("#button1").yourCustomButton("Test Button","#ffffff","#000000");

Answer 2

您必须使用element.style.propertyName。如果您想将其应用于多个按钮，请使用该按钮作为参数：

function customizeButton(button, fontColor, backgroundColor) {
    button.style.color = fontColor;
    button.style.backgroundColor = backgroundColor;
}

var button1 = document.getElementById('button1');
var button2 = document.getElementById('button2');

customizeButton(button1, 'green', 'red');
customizeButton(button2, 'red', 'green');

http://jsfiddle.net/FPs5m/1

使用JavaScript自定义按钮与给定数据？

2 个答案: