我在哈巴狗上显示按钮的下拉菜单,以显示HTML页面。我正在使用getElementsByClassName('dropdown-item')来获取HTMLCollection中的所有按钮,然后对其进行迭代以获取HTMLButtonElement。但是,我很难在警报框中接收HTMLButtonElement的值。
PUG代码以呈现HTML元素
return gapi.client.youtube.playlistItems.list({
"part": "snippet,contentDetails",
"maxResults": 50,
"playlistId": PLAYLIST_ID,
"pageToken" : "<the page token string>" //Error is in this line
}).then(function(response) {
提取按钮元素的JavaScript
// Dropdown
li.nav-item.dropdown
button.btn.btn-primary.dropdown-toggle.coursesbutt(data-toggle="dropdown") Courses
.dropdown-menu
button.dropdown-item(id='cc0' value='Default' onclick="changeFilter(this)") Reset Filter
each coursename in coursecode
button.dropdown-item(id=`${coursename}` value=`${coursename}` onclick="changeFilter(this)") #{coursename}
控制台输出
script.
var buttons = document.getElementsByClassName('dropdown-item');
for(var i=0; i<buttons.length; i++){
buttons[i].addEventListener("click", function(){
alert(buttons[i].value);
})
}