js新增onclick屬性問題
阿新 • • 發佈:2018-12-21
html裡的button裡沒有onclick屬性,用js新增
部分程式碼:
頁面:
使用setAttribute()方法
let plays = document.getElementsByClassName("play");
plays[0].setAttribute("onclick","playing()");
結果:
頁面:
可能原因:由於歌曲資訊是寫在json裡面的,用js建立標籤的形式顯示在頁面,屬性新增前,標籤還沒生成;button新增onclick屬性也要寫在Ajax裡面。
嘗試更正:
成功!!!
意外發現button和audio標籤的不同:audio即使不在Ajax裡也能使用(button不行);
在頁面上設一個按鈕,點選播放音樂;
HTML程式碼:
<button class="test001" onclick="test001_play()">播放</button>
js程式碼:
let music = document.getElementsByClassName("music");
function test001_play(){
music[0].play();
}
點選按鈕效果播放成功:
在Ajax裡也可以: