js通过属性名获取dom元素的方法

在JavaScript中，你可以使用`document.getElementById()`、`document.querySelector()`、`document.querySelectorAll()`等DOM操作方法来通过属性名（如id或class）获取DOM元素。以下是几种常见方法：

1. `getElementById(id)`: 这个方法接收一个字符串作为参数，返回具有指定id的HTML元素。例如：

   var element = document.getElementById('myElement');

2. `querySelector(selector)`: 如果你想根据CSS选择器获取第一个匹配的元素，可以使用这个方法。如果选择器匹配到多个元素，它将返回第一个匹配的元素。

   var element = document.querySelector('.myClass');

3. `querySelectorAll(selector)`: 这个方法返回所有匹配给定CSS选择器的元素集合，通常用于获取一组元素。

   var elements = document.querySelectorAll('.myClass');

4. 对于动态创建的元素，还可以使用`getElementsByClassName`或`getElementsByTagName`，它们分别返回指定类名或标签名的所有元素。

   var elements = document.getElementsByClassName('myClass');