6. 如何通过JavaScript获取DOM元素？

要通过JavaScript获取DOM元素，❗❗❗#牛客AI配图神器#可以使用以下方法之一：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=c4806023172848d9adaaa16ad86b2dfa

🤍㊙🎞㊗🈴document.getElementById()：通过元素的id属性获取元素。该方法返回匹配指定id的第一个元素，如果没有找到匹配的元素则返回null。
❗❗❗var element = document.getElementById('elementId');

🤍㊙🎞㊗🈴document.getElementsByClassName()：通过元素的class属性获取元素。该方法返回一个包含所有匹配指定class的元素的HTMLCollection。
❗❗❗var elements = document.getElementsByClassName('className');

🤍㊙🎞㊗🈴document.getElementsByTagName()：通过元素的标签名获取元素。该方法返回一个包含所有匹配指定标签名的元素的HTMLCollection。
❗❗❗var elements = document.getElementsByTagName('tagName');

🤍㊙🎞㊗🈴document.querySelector()：通过CSS选择器获取元素，返回匹配选择器的第一个元素，如果没有找到匹配的元素则返回null。
❗❗❗var element = document.querySelector('selector');

🤍㊙🎞㊗🈴document.querySelectorAll()：通过CSS选择器获取元素，返回一个包含所有匹配选择器的元素的NodeList。
❗❗❗var elements = document.querySelectorAll('selector');

需要注意的是，getElementById()返回单个元素，而其他方法返回的是一个类数组对象（HTMLCollection 或 NodeList）。如果需要操作其中的元素，可以使用索引或迭代的方式进行访问。❗❗❗

另外，这些方法都是在文档（document）对象上调用的，因此需要确保在DOM加载完成后才能正确获取到元素。❗❗❗