我想問一下如何在單擊時使用javascript將元素按鈕更改為影像?例如,從提交按鈕到選中的影像。
uj5u.com熱心網友回復:
我svg用于演示,你可以把它改成<img src="https://some_picture">
var button = document.getElementsByTagName("button")[0];
button.addEventListener('click', function() {
button.innerHTML =`<svg width="50" height="50"></svg>`
});
<button>click</button>
uj5u.com熱心網友回復:
將click事件偵聽器添加到更改其outerHTML屬性的按鈕:
btn.addEventListener('click', function(){
this.outerHTML = `<img src="https://www.gravatar.com/avatar/0fdacb141bca7fa57c392b5f03872176?s=48&d=identicon&r=PG&f=1">`
})
<button id="btn">Click</button>
uj5u.com熱心網友回復:
function myFunction() {
document.getElementById("contentChange").innerHTML = "Hello World";
}
<button id="contentChange" onclick="myFunction()">Click me</button>
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/348699.html
標籤:javascript html
