Question

每当你点击另一个按钮时我都会加载这个按钮（所以在没有我做任何事情的情况下它没有在启动时加载）

<button type='button' id='testbtn' 
onclick='testfunction()' onload='testload()' 
class='testbtnclass'>btn</button>

这是我的功能：

 function testload() {

alert("onload worked");
 /*what i want to archieve within this function later is to change the
 css of the button but for now i just want to call this function onload of 
 the button, which it doesnt/*
}

现在我的问题是，无论何时加载此按钮，我该如何才能运行此功能？

Answer 1

我相信你可以创建一个css类示例：

.buttonStyle{ background-color: red };

然后你可以得到你的按钮并添加这个类

var button = document.getElementById("testbtn");
button.className = button.className + " buttonStyle";

Answer 2

onload代码不支持

button，因此您需要将其作为其他答案或

进行处理

document.onload =function(){

  //change the css of that button or call function you want 

}

Answer 3

使用jQuery，您可以执行以下操作：

$( "button" ).addClass( "myClass yourClass" );

Answer 4

您可以使用jQuery的事件委派。使用这种技术，如果在加载DOM后生成按钮无关紧要。

$('body').on('click', '.generated_btn', function() {
    //here you can change css
});

事件委托允许我们将单个事件监听器附加到父元素，将为匹配a的所有后代触发选择器，无论这些后代现在存在还是被添加到将来

更多信息：https://learn.jquery.com/events/event-delegation/

如何将样式添加到单击另一个按钮时创建的按钮？

4 个答案: