Javascript切换问题

window.onload = function () {
  var firstH1 = document.getElementsByTagName('h1')[0];
  firstH1.id = "heading1";
  firstH1.onclick = function() {
    var currentValue = this.nextSibling.style.display;
    this.nextSibling.style.display = (currentValue == "none") ? "block" : "none";
  }
} 

注意:我简化了元素获取,因为获取一个元素、给它分配一个id,然后再次使用这个id来查找同一个元素是没有意义的。

我还切换了block/none顺序,因为如果没有显示样式,那么它将是空白的——您的第一次单击会将block分配给它——并且它不会消失。就这样。

好吧,para总是“block”,因此newVal总是“none”。所以这种行为是意料之中的。你想干什么?您没有用当前代码切换属性。