javascript - 如何创建带有表格的下拉菜单？

Question

我正在尝试创建一个类似于您在“ul”中看到的下拉菜单。

不同之处在于我想用 table 来做。

当页面加载时，我的 td 的“display”属性等于“none”。这为我隐藏了 td。

问题出在下面的 JavaScript 中。

function displayMenuOptions() {
            var _1 = document.getElementById("1");
            var _2 = document.getElementById("2");
            var _3 = document.getElementById("3");

            _1.setAttribute("style", "display : block");
            _2.setAttribute("style", "display : block"); 
            _3.setAttribute("style", "display : block"); 
}

当鼠标悬停在另一个带有“a”子元素的 td 上时，会触发此函数。

此 JavaScript 未显示我最初隐藏的 td。

想法？

Answer 1

IDs cannot begin with numbe rs -- 将它们更改为 cell_1、cell_2、cell_3 等，一切都应该正常工作。

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

参见: http://www.w3.org/TR/html4/types.html#h-6.2