JavaScript 隣接要素の非表示

Question

HTML

<h1 id ="title1">hogehoge</h1>
<div class="box">
  <div></div>
  <p></p>
  <ul>
    <li></li>
    <li></li>
  </ul>
</div>

JavaScript

document.getElementById(title1).style.display="none"
document.getElementById(title1).nextSlibling().css("display","none")

jsの一行目ではH1 タグを非表示にできています。
しかし、二行目で<div class="box">が非表示にできません。。

仕事環境上、htmlに要素を足したりできないと考えてください。

実は、このコードに前に、h1が何々の場合（ボックスを消す）、という処理があります。
なので、boxクラスを直接指定するのは無理です。。

よろしくお願いいたします。

Answer 1

document.getElementById("title1").nextSibling.nextSibling.style.display="none"

どうしても、.css()を使いたいのであればjQueryを使ってください。

Comments

[退会済みユーザー]

nextElementSibling ?

[ShibaNDD]

nextElementSiblingでいけました。
nextSiblingは改行も対象になることを知りました。