如何在javascript中使用div隐藏标签?

时间:2011-12-26 08:26:33

标签: javascript html

我想根据下拉按钮隐藏标签。我正在使用带有JavaScript的div。我的代码是:

<div id="ime" name="ime">
    <h3 class="ms-standardheader">
        <label>
            <nobr>IEMI No</nobr>
        </label>
    </h3>
</div>

隐藏JavaScript,我正在使用:

ime.style.display='none';
document.getElementById("ime").style.display='none';
document.getElementsByName("ime").style.display='none';

但是这段代码无效。

3 个答案:

答案 0 :(得分:1)

在页面上加载此div的ID不会被分配,因为它不起作用。在页面末尾的body标签后使用。

这样写

<html>
<body>
.
.
.
.
.
</body>
    <script type="text/javascript">
         document.getElementById('ime').style.visibility = 'hidden';
    </script>
</html>

答案 1 :(得分:0)

如果您只使用document.getElementById("ime").style.display='none';而没有其他两行(这将无效),该怎么办?

我希望第一行会抛出错误,因为ime未定义,这将阻止执行下两行。

第三行不起作用,因为它返回一个对象数组,这些对象分别具有样式属性,但不能一起...

// this would work on the first `ime` tag
document.getElementsByName("ime")[0].style.display='none';

答案 2 :(得分:0)

试试这个会起作用

document.getElementById("ime").style.display='none';