blocks|key|4184660|text|像这样使用它，将odpoved作为字符串传递|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4184661|<div+class="dotaz"+onClick="ukaz('odpoved')">|code-block|syntax|javascript|4184662|​|4184663|<div+class="dotaz"+onClick="ukaz('odpoved')">
<p>YOSODJDN</p>
<span+class="qanick">jirka</span>
<span+class="fafadown"><i+class="arrow+fa+fa-angle-down"+style="font-+
size:24px"></i></span>
</div>

<div+class="odpoved"+style="display:none">
<p>ODPOVED</p>
<span+class="qanick">anetka</span>+
</div>


<script>
function+ukaz(a)+{
var+elements+=+document.getElementsByClassName(a);
for+(var+i+=+0;+i+<+elements.length;+i%2B%2B)+{
elements[i].style.display+=+"block";
}
}
</script>|4184664|4184665|entityMap^0|8|7|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|U|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|V|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|W|8|@]|D|@]|E|$I|J]]|$1|O|3|L|5|6|7|X|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|Q|$]]

<p>Use it like this, pass <code>odpoved</code> as a string</p>

<pre><code>&lt;div class="dotaz" onClick="ukaz('odpoved')"&gt;
</code></pre>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="dotaz" onClick="ukaz('odpoved')"&gt;
&lt;p&gt;YOSODJDN&lt;/p&gt;
&lt;span class="qanick"&gt;jirka&lt;/span&gt;
&lt;span class="fafadown"&gt;&lt;i class="arrow fa fa-angle-down" style="font- 
size:24px"&gt;&lt;/i&gt;&lt;/span&gt;
&lt;/div&gt;

&lt;div class="odpoved" style="display:none"&gt;
&lt;p&gt;ODPOVED&lt;/p&gt;
&lt;span class="qanick"&gt;anetka&lt;/span&gt; 
&lt;/div&gt;


&lt;script&gt;
function ukaz(a) {
var elements = document.getElementsByClassName(a);
for (var i = 0; i &lt; elements.length; i++) {
elements[i].style.display = "block";
}
}
&lt;/script&gt;</code></pre>
</div>
</div>
</p>


blocks|key|4185228|text|onClick="ukaz(odpoved)"正在尝试调用函数，使用变量而不是字符串作为参数。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4185229|​|4185230|function+ukaz(a)+{
++var+elements+=+document.getElementsByClassName(a);
++for+(var+i+=+0;+i+<+elements.length;+i%2B%2B)+{
++++++elements[i].style.display+=+"block";
++}
}|code-block|syntax|javascript|4185231|<div+class="dotaz"+onClick="ukaz('odpoved')">+
++<p>YOSODJDN</p>
++<span+class="qanick">jirka</span>
++<span+class="fafadown">
++++<i+class="arrow+fa+fa-angle-down"+style="font-size:24px"></i>
+++</span>
</div>

<div+class="odpoved"+style="display:none">
++<p>ODPOVED</p>
++<span+class="qanick">anetka</span>+
</div>|4185232|4185233|entityMap^0|0|N|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|V|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|Q|$]]

<p><code>onClick="ukaz(odpoved)"</code> is attempting to call a function, using a variable - instead of a string - as an argument.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function ukaz(a) {
  var elements = document.getElementsByClassName(a);
  for (var i = 0; i &lt; elements.length; i++) {
      elements[i].style.display = "block";
  }
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="dotaz" onClick="ukaz('odpoved')"&gt; &lt;!-- odpoved is a string, not a variable --&gt;
  &lt;p&gt;YOSODJDN&lt;/p&gt;
  &lt;span class="qanick"&gt;jirka&lt;/span&gt;
  &lt;span class="fafadown"&gt;
    &lt;i class="arrow fa fa-angle-down" style="font-size:24px"&gt;&lt;/i&gt;
   &lt;/span&gt;
&lt;/div&gt;

&lt;div class="odpoved" style="display:none"&gt;
  &lt;p&gt;ODPOVED&lt;/p&gt;
  &lt;span class="qanick"&gt;anetka&lt;/span&gt; 
&lt;/div&gt;</code></pre>
</div>
</div>
</p>


<p>Does anyone know why it isn't working?</p>

<p>I want it to show div <code>odpoved</code> when I click on div <code>dotaz</code>.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function ukaz(a) {
  var elements = document.getElementsByClassName(a);
  for (var i = 0; i &lt; elements.length; i++) {
    elements[i].style.display = "block";
  }
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="dotaz" onClick="ukaz(odpoved)"&gt;
  &lt;p&gt;YOSODJDN&lt;/p&gt;
  &lt;span class="qanick"&gt;jirka&lt;/span&gt;
  &lt;span class="fafadown"&gt;&lt;i class="arrow fa fa-angle-down" style="font-size:24px"&gt;&lt;/i&gt;&lt;/span&gt;
&lt;/div&gt;

&lt;div class="odpoved" style="display:none"&gt;
  &lt;p&gt;ODPOVED&lt;/p&gt;
  &lt;span class="qanick"&gt;anetka&lt;/span&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>


document.getElementsByClassName not working

有人知道它为什么不工作吗？当我点击div dotaz时，我想让它显示div odpoved。​function ukaz(a) {  var elements = document.getElementsByClassName(a);  for (var i = 0; i < elements.length; i++)...

问document.getElementsByClassName不工作
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问document.getElementsByClassName不工作EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问document.getElementsByClassName不工作
EN