今天學習了js的點選更換屬性的方法以及多種獲取元素的方式

獲取元素
//通過name名去獲取元素
var inp = document.getElementsByName(“userName”);
console.log(inp); //返回的是偽陣列

//通過類名獲取元素
var lei = document.getElementsByClassName("inpu");
console.log(lei);//返回的是偽陣列

//通過選擇器的方式獲取單個元素
console.log(document.querySelector(".inpu"));// 返回的是物件

//通過選擇器的方式獲取所有的元素
console.log(document.querySelectorAll(".inpu"));//返回的是偽陣列

//通過id名獲取元素
console.log(document.getElementById("myInp"));// 返回的是物件

//通過標籤名獲取元素
console.log(document.getElementsByTagName("input"));//返回的是偽陣列
 

點選效果以一個案例就行呈現

以下為本菜鳥寫到程式碼

完畢