Question

我需要创建一个下拉复选框列表，如here。代码的问题是它在IE9中不起作用。我收到一条错误，说getElementsByClassName不是以下代码中的属性：

var checkList = document.getElementById('list1');
var items = document.getElementById('items');
        checkList.getElementsByClassName('anchor')[0].onclick = function (evt) {
            if (items.classList.contains('visible')){
                items.classList.remove('visible');
                items.style.display = "none";
            }

            else{
                items.classList.add('visible');
                items.style.display = "block";
            }


        }

        items.onblur = function(evt) {
            items.classList.remove('visible');
        }

有人可以帮我解决如何创建下拉复选框列表的问题吗？感谢。

Answer 1

classList 属性不适用于10以下的IE浏览器。如果你想这样做，你将不得不使用 className 来检查索引那个班。例如：

if (items.className.indexOf('visible') > -1){
            items.className -= 'visible';
            items.style.display = "none";
        }

如果您的商品具有可见类，则它将返回其索引，如果它没有该类，则返回-1。 I have created a fiddle from yours here to demonstrate

使用JavaScript在HTML中创建下拉复选框列表

1 个答案: