原生js获取dom元素的(多种)方式

元素

<button class&＃61;"btn" name&＃61;"nn" id&＃61;"btnn">上传图片</button>


原生获取button按钮的方式, ->给按钮注册点击事件

// 根据类名获取dom元素
let btn1 &＃61; document.querySelector(&＃39;.btn&＃39;) // dom元素
// 根据类名获取dom元素
let btn2 &＃61; document.getElementsByClassName(&＃39;btn&＃39;) // 伪数组
// 根据类名 获取所有相同类名的元素
let btn3 &＃61; document.querySelectorAll(&＃39;.btnn&＃39;) // 伪数组
// 根据标签的name属性获取dom元素
let btn4 &＃61; document.getElementsByName(&＃39;nn&＃39;) // 伪数组
// 根据标签的id获取dom元素
let btn5 &＃61; document.getElementById(&＃39;btnn&＃39;) // dom元素
// 根据标签获取dom元素
let btn6 &＃61; document.getElementsByTagName(&＃39;button&＃39;) // 伪数组


注册点击事件

// dom元素注册点击事件
btn1.addEventListener(&＃39;click&＃39;,()&＃61;>{console.log(&＃39;点击&＃39;)})// 伪数组注册点击事件
btn2[0].addEventListener(&＃39;click&＃39;,()&＃61;>{console.log(&＃39;点击&＃39;)})