我们可以创建一个名为“find”的函数来代替重复的“document.querySelector()”语句。这个函数可以接受一个CSS选择器字符串作为参数,并返回匹配此选择器的第一个元素。
以下是一个使用“find”函数的示例:
// 定义一个“find”函数
function find(selector) {
return document.querySelector(selector);
}
// 使用“find”函数来代替“document.querySelector()”语句
var heading = find('#main-heading');
var paragraph = find('.content p');
现在你可以在代码中使用“find”函数来查询元素,而不必反复输入“document.querySelector()”语句。