用原生js获取DOM元素的方法有哪些？

在原生JavaScript中，有多种方法可以获取DOM元素。以下是一些常见的方法：

1. getElementById(id): 通过元素的id属性获取元素。这是最快的方式，因为id在HTML文档中是唯一的。

var element = document.getElementById("myElementId");

2. getElementsByClassName(className): 通过元素的class属性获取元素，返回的是一个HTMLCollection。

var elements = document.getElementsByClassName("myClassName");

3. getElementsByTagName(tagName): 通过HTML元素的名称获取元素，返回的是一个HTMLCollection。

var elements = document.getElementsByTagName("div");

4. getElementsByName(name): 通过元素的name属性获取元素，通常用于获取表单元素，如input，返回的是一个NodeList。

var elements = document.getElementsByName("myElementName");

5. querySelector(selector): 通过CSS选择器获取元素，只返回第一个匹配的元素。

var element = document.querySelector(".myClassName");

6. querySelectorAll(selector): 通过CSS选择器获取元素，返回的是一个NodeList，包含所有匹配的元素。

var elements = document.querySelectorAll(".myClassName");

以上就是原生JavaScript中获取DOM元素的常见方法。注意，返回的HTMLCollection或NodeList都是类数组对象，可以通过索引访问每个元素，但不能使用数组的所有方法。如果需要，你可以将它们转换为真正的数组。

另外，虽然这些方法在大多数情况下都很有用，但请记住，过于频繁地操作DOM可能会导致性能问题，因此最好尽量减少直接的DOM操作。