TypeError:无法读取HTMLButtonElement上未定义的属性“值”

时间:2019-10-10 10:38:18

标签: javascript html node.js express pug

我在哈巴狗上显示按钮的下拉菜单,以显示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); 
            })
        }

1 个答案:

答案 0 :(得分:0)

如果您使用的是jquery,则可以使用e.target.value

https://jsfiddle.net/9y34tk2v/