javascript - jqueryからjavascriptへの翻訳

Question

誰かがこれを通常の JavaScript に翻訳してくれませんか:

$("div.intro h1").hide();
$("div.intro h2").remove();

ありがとう。

Answer 1

最初に querySelectorAll のサポートをテストし、見つかった場合はそれを使用して、「div.intro h1」に一致する要素の配列を作成します。

それ以外の場合は、 を使用getElementsByTagName('div')し、「イントロ」のクラスを持つものをフィルター処理してから、 を使用getElementByTagName('h1')して H1 要素を取得し、それらを配列に収集します。

次に、結果の配列の各メンバーに対して、style.display = 'none'.

同じように削除用の配列を作成してから、それぞれに対して do を実行しますel.parentNode.removeChild(el)。

あなたが思いついたものを見てみましょう。