带有getElementsByClassName("")的开关不工作

Question

我对Java相当陌生，但似乎无法解决这个问题；

当使用undefined"

• Also (“”)时，切换不起作用，当用getElementByID("")测试这个JS时，我得到错误“不能设置属性‘getElementByID”，当双击英语按钮时文本完全消失。我想在任何时候都能看到

(英语/德语)

有办法解决这个问题吗？(预先谢谢:)

​

function showHideEnglish() {
  var english = document.getElementsByClassName("text__english");
  var german = document.getElementsByClassName("text__german");
  german.style.display = "none";
  if (english.style.display == "block") {
    english.style.display = "none";
  } else {
    english.style.display = "block";
  }
}

function showHideGerman() {
  var english = document.getElementsByClassName("text__english");
  var german = document.getElementsByClassName("text__german");
  english.style.display = "none";
  if (german.style.display == "block") {
    german.style.display = "none";
  } else {
    german.style.display = "block";
  }
}

<button onclick="return showHideEnglish();">English</button>
<button onclick="return showHideGerman();">German</button>
<div class="text__english" style="display:block;">This text is English</div>
<div class="text__german" style="display:none;">dieser Text ist auf Deutsch</div>

​

Answer 1

getElementsByClassName返回具有这个类名的所有元素的集合，您需要访问列表中的元素

如果您没有具有相同类名的其他元素，这将有效。

 var english = document.getElementsByClassName("text__english")[0];
  var german = document.getElementsByClassName("text__german")[0];