javascript - document.getElementsByClassName 返回未定义

标签 javascript jquery arrays nodes nodelist

<分区>

我在尝试获取 div 的类名或 ID 时收到 TypeError: 'undefined' is not a function (evaluating 'document.getElementByClassName("selceted")')。我不知道为什么。数组/节点列表不为空,它包含每个 timeline-item 帖子中的所有数据,并且只有 1 个具有 selected 类,所以我如何才能只得到它元素?

到目前为止,这是我的代码:

if($.inArray(postdate, post_image_dates)){
    var posts = $(".timeline-item");
    posts.removeClass("selected");
    var matchedPost = posts.filter("[data-date='" + postdate + "']");

    if(matchedPost.length > 0){
        matchedPost.addClass("selected");

        var more_post_content = document.createElement('div');
        more_post_content.id = 'more_post_content';

        var ul = document.createElement('ul');
        var li = document.createElement('li');
        li.innerHTML = '<a href="#"><img src="' + postdata + '"/></a>';

        ul.appendChild(li);
        more_post_content.appendChild(ul);
        var elementArray;

        elementArray = [].slice.call(matchedPost, 0);
        console.log(elementArray);
        if($.inArray('selected', elementArray)){
            var select = document.getElementByClassName("selceted");
        }
    }

最佳答案

您需要将 getElementByClassName 更改为 getElementsByClassName 并且您使用的类名不正确。

if($.inArray('selected', elementArray)){
   var select = document.getElementsByClassName("selected");
   //..............................^................^.........
}

关于javascript - document.getElementsByClassName 返回未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21362769/

相关文章:

javascript - 动态计数器随逗号上升

php - 对于我循环 PHP MYSQL

javascript - 如何让关闭按钮随页面向下滚动?

javascript - AngularJS - ui-grid - 列移动 - 获取新的列顺序

javascript - object.style.hasOwnProperty ('MozTransform' )返回 false?

php - 我可以同时提交两份表格吗?

javascript - 我们如何使前三列的 html 表格标题固定,而其他所有列都可以滚动

javascript - 从 jQuery 中作为属性的函数访问数据属性

php - 在 PHP 中按对象 ID 对数组进行排序

javascript - 使用 javascript 根据状态和商店计算对象?