blocks|key|825490|text|在一些浏览器中有getElementsByClassName，但是它没有像getElementById那样被广泛支持。请注意，它会生成一个元素数组，而不仅仅是一个元素，因为多个元素可以具有相同的类。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|825491|如果您可以将ID分配给父级，则可以通过其他方式访问它：|825492|document.getElementById('parent').getElementsByTagName('div')[3]+//+or+whatever|code-block|syntax|javascript|825493|entityMap^0|8|M|11|E|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

<p>There's <code>getElementsByClassName</code> in some browsers, but it's not as widely supported as <code>getElementById</code>. Note that it yields an array of elements, instead of just a single element, as several elements can have the same class.</p>

<p>If you can assign an ID to a parent you might be able to access it in some other way:</p>

<pre><code>document.getElementById('parent').getElementsByTagName('div')[3] // or whatever
</code></pre>


blocks|key|5402380|text|下面的html文件包含切换、隐藏、按类和id显示div的代码。通过使用class，可以隐藏一组(组)分区。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5402381|<head>

++++<script+type="text/javascript"+src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
++++<script+type="text/javascript">
++++/*function+to+toggle+visibility+of+class*/
++++++++++++function+toggle_visibility(classname)+{+$("."%2Bclassname).toggle();+}
++++/*function+to+hide+class*/
++++++++++++function+hide_visibility(classname)+{+$("."%2Bclassname).hide();+}
++++/*function+to+show+class*/
++++++++++++function+show_visibility(classname)+{+$("."%2Bclassname).show();+}
++++/*function+to+hide+individual+div+by+id*/
++++++++++++function+hide_visibility(classname)+{+$("#"%2Bclassname).hide();+}
++++/*function+to+show+individual+div+by+id*/+++++++
++++++++++++function+show_visibility(classname)+{+$("#"%2Bclassname).show();+}
++++</script>

</head>

<body>

++++<button+onclick="toggle_visibility('class1');">Toggle+visibility+of+class+1</button><br/>
++++<button+onclick="hide_visibility('class1');">Hide+class+1</button><br/>
++++<button+onclick="show_visibility('class1');">Show+class+1</button><br/>
++++<button+onclick="show_visibility('heading1');">Show+heading+1</button><br/>
++++<button+onclick="hide_visibility('heading1');">Hide+heading+1</button><br/>

++++<div+class="class1"+id="heading1"><h1>Heading+1</h1></div>
++++<div+class="class1"><h2>Heading+2</h2></div>
++++<div+class="class1"><h3>Heading+3</h3></div>
++++<div+class="class1"><h4>Heading+4</h4></div>
++++<div+class="class1"><h5>Heading+5</h5></div>
++++<div+class="class1"><h6>Heading+6</h6></div>

</body>|code-block|syntax|javascript|5402382|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>The following html file contains code to toggle, hide, show div by class and id.
By using class it is possible to hide a set(group) of divisions.</p>

<pre><code>&lt;head&gt;

    &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
    /*function to toggle visibility of class*/
            function toggle_visibility(classname) { $("."+classname).toggle(); }
    /*function to hide class*/
            function hide_visibility(classname) { $("."+classname).hide(); }
    /*function to show class*/
            function show_visibility(classname) { $("."+classname).show(); }
    /*function to hide individual div by id*/
            function hide_visibility(classname) { $("#"+classname).hide(); }
    /*function to show individual div by id*/       
            function show_visibility(classname) { $("#"+classname).show(); }
    &lt;/script&gt;

&lt;/head&gt;

&lt;body&gt;

    &lt;button onclick="toggle_visibility('class1');"&gt;Toggle visibility of class 1&lt;/button&gt;&lt;br/&gt;
    &lt;button onclick="hide_visibility('class1');"&gt;Hide class 1&lt;/button&gt;&lt;br/&gt;
    &lt;button onclick="show_visibility('class1');"&gt;Show class 1&lt;/button&gt;&lt;br/&gt;
    &lt;button onclick="show_visibility('heading1');"&gt;Show heading 1&lt;/button&gt;&lt;br/&gt;
    &lt;button onclick="hide_visibility('heading1');"&gt;Hide heading 1&lt;/button&gt;&lt;br/&gt;

    &lt;div class="class1" id="heading1"&gt;&lt;h1&gt;Heading 1&lt;/h1&gt;&lt;/div&gt;
    &lt;div class="class1"&gt;&lt;h2&gt;Heading 2&lt;/h2&gt;&lt;/div&gt;
    &lt;div class="class1"&gt;&lt;h3&gt;Heading 3&lt;/h3&gt;&lt;/div&gt;
    &lt;div class="class1"&gt;&lt;h4&gt;Heading 4&lt;/h4&gt;&lt;/div&gt;
    &lt;div class="class1"&gt;&lt;h5&gt;Heading 5&lt;/h5&gt;&lt;/div&gt;
    &lt;div class="class1"&gt;&lt;h6&gt;Heading 6&lt;/h6&gt;&lt;/div&gt;

&lt;/body&gt;
</code></pre>


<p>I have an html element that I want to hide from view, but I can't access that element by an ID because it has no ID and I can't assign an ID to it.  It has a class assigned to it though.  Is there any possible way to hide this element from view without having it's id?</p>


Javascript: Hide elements by class name

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个想从视图中隐藏的html元素，但是我不能通过ID访问该元素，因为它没有ID，也不能给它分配ID。不过，它有一个分配给它的类。有没有可能在没有id的情况下从视图中隐藏这个元素？

问Javascript:按类名隐藏元素
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript:按类名隐藏元素EN