1. 程式人生 > >js新增onclick屬性問題

js新增onclick屬性問題

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裡也可以: