Question

Would someone please translate this into regular javaScript:

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

Thanks.

Answer 1

You could start by testing for support for querySelectorAll and if found, use that to create an array of elements matching “div.intro h1”.

Otherwise, use getElementsByTagName('div'), filter for those with a class of “intro”, then use getElementByTagName('h1') to get the H1 elements and collect them into an array.

Then for each member of the resulting array, set their style.display = 'none'.

Do the same to create an array for removal, then for each do el.parentNode.removeChild(el).

Let’s see what you come up with.