首页 > 解决方案 > document.getElementsByClassName 不起作用

问题描述

有谁知道为什么它不起作用?

我希望它odpoved在单击 div 时显示 div dotaz

function ukaz(a) {
  var elements = document.getElementsByClassName(a);
  for (var i = 0; i < elements.length; i++) {
    elements[i].style.display = "block";
  }
}
<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>

标签: javascripthtmlcss

解决方案


像这样使用它,odpoved作为字符串传递

<div class="dotaz" onClick="ukaz('odpoved')">

<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++) {
elements[i].style.display = "block";
}
}
</script>


推荐阅读