如何使用表格创建下拉菜单?

时间:2010-10-28 15:51:33

标签: javascript html-table hidden

我正在尝试创建一个与'ul'相似的下拉菜单。

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

当页面加载时,我的td's的'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。

想法?

2 个答案:

答案 0 :(得分:1)

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

  

ID和NAME令牌必须以字母([A-Za-z])开头,后面可以跟任意数量的字母,数字([0-9]),连字符(“ - ”),下划线(“ _“),冒号(”:“)和句号(”。“)。

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

答案 1 :(得分:1)

_1.style.display = "block";