JavaScript按名称获取元素

好的，我将根据您提供的问答内容，给出完善且全面的答案。

JavaScript 按名称获取元素的方法是使用 document.querySelector() 函数。该函数接收一个 CSS 选择器字符串作为参数，用于在文档中查找匹配该选择器的元素，并返回该元素。

例如，以下代码将返回具有“button”名称的元素：

const button = document.querySelector("button");

如果文档中有多个元素具有“button”名称，则该函数将返回具有该名称的第一个元素。

您可以通过修改 CSS 选择器字符串来更改要匹配的元素。例如，以下代码将返回具有“button”名称的最后一个元素：

const lastButton = document.querySelector("button:last-of-type");

请注意，CSS 选择器字符串中可以使用 CSS 伪类、伪元素和属性。例如，以下代码将返回具有“button”类的第一个元素：

const firstButton = document.querySelector("button.first");

此外，您还可以使用 document.querySelectorAll() 函数来获取符合指定选择器的所有元素。例如，以下代码将获取文档中具有“button”名称的所有元素：

const buttons = document.querySelectorAll("button");

希望这个答案能够帮助您！