如何使用 javascript 选择器 [关闭]答案

【问题标题】：How to use javascript selectors [closed]如何使用 javascript 选择器 [关闭]
【发布时间】：2013-10-03 00:03:36
【问题描述】：

在 javascript 中有没有办法在另一个选择器中选择一个选择器，就像在 jQuery 中一样：

$("section h1").html();

【问题讨论】：

document.querySelectorAll() ?
在另一个选择器中选择一个选择器究竟是什么意思？
"在另一个选择器中选择一个选择器，就像在 jQuery 中一样："这是绕口令。
我认为他的意思是在<section> 中选择<h1> 的非jQuery 方式。
你可能想要类似 var selecttor = $("section h1").html().find('selector'); $(选择器).blablabla :)

【解决方案1】：

jQuery 在可用时实际使用querySelectorAll。问题是，靠你自己，你永远无法模拟 jQuery 提供的所有好东西（例如，filter()、find()、children()、parent()、map()、not() 和能力使用伪类）。

这足以抓取 section 中的 h1 元素：

var e = document.querySelector("section h1");

【讨论】：

【解决方案2】：

你会发现最接近的可能是document.querySelector 或document.querySelectorAll。不过应该小心，因为支持仅限于现代浏览器。

【讨论】：

【解决方案3】：

您也可以执行以下操作...但是有更简单的方法

alert('jquery '+$("#section h1").html());

v=document.getElementById("section").getElementsByTagName("h1");

alert('javascript '+v[0].innerHTML);

【讨论】：