javascript - 自定义元素选择器 - Javascript

Question

我是 javascript 的新手，我正在制作一个脚本，我正在使用很多，document.getElementById而且document.getElementsByClassName我每次都需要继续输入它，而且它占用了很多行。

所以我正在尝试制作我自己的自定义元素选择器，但我无法让它工作，并希望有人可以帮助我锻炼为什么它不起作用。或者是否有更好的方法来制作自定义元素选择器。

我尝试了什么：

const getElement = (el) => { return [...document.querySelectorAll(el)] };

let divWithClass = getElement('my-class');
console.log('div with class', divWithClass[0].innerText);

let divWithId = getElement('my-id');
console.log('div with id', divWithId.innerText);

<div class='my-class'>My div with class</div>
<div id='my-id'>My div with id</div>

标签： javascripthtml

Answer 1

你几乎拥有它

const getElement = (el) => [...document.querySelectorAll(el)];

let divWithClass = getElement('.my-class');
console.log('div with class', divWithClass[0].innerText);

let divWithId = getElement('#my-id');
console.log('div with id', divWithId[0].innerText);

<div class='my-class'>My div with class</div>
<div id='my-id'>My div with id</div>