jquery到javascript的翻译

Question

有人请将其翻译成常规的javaScript：

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

感谢。

Answer 1

您可以首先测试对querySelectorAll的支持，如果找到，请使用它来创建一个与“div.intro h1”匹配的元素数组。

否则，使用getElementsByTagName('div')，对具有“intro”类的那些进行过滤，然后使用getElementByTagName('h1')获取H1元素并将它们收集到数组中。

然后，对于结果数组的每个成员，设置他们的style.display = 'none'。

执行相同操作以创建要删除的数组，然后为每个执行el.parentNode.removeChild(el)。

让我们看看你的想法。