08.17自我總結

關於js

一.原生js獲得八種方式

• 通過ID獲取（getElementById）
• 通過name屬性（getElementsByName）
• 通過標簽名（getElementsByTagName）
• 通過類名（getElementsByClassName）
• 通過選擇器獲取一個元素（querySelector）
• 通過選擇器獲取一組元素（querySelectorAll）
• 獲取html的方法（document.documentElement）
• document.documentElement是專門獲取html這個標簽的
• 獲取body的方法（document.body）
• document.body是專門獲取body這個標簽的

二.事件句柄

三.使用方法

1.獲取單個元素

2.單個元素髮送的事件

3.發生的內容相關替換

let inp = document.querySelector('input');

inp.onkeydown = function () {
    console.log('按下')
};

四.提取元素裡面的內容

• innerHTML:獲取文本包括標簽

• innerText:獲取文本不包括標簽

• val:獲取表單裡面的值

五.補充知識點

獲取操作父標簽修改子標簽

比如說我們點擊a類修改下麵的b類

let xx = document.querySelector('.a');
xx.onclick = function () {
    this.querySelector('.b').innerHTML='點擊a了;
};

querySelectorAll獲取一組元素後我們怎麼把其中的內容取出來

let xx = document.querySelectorAll('.a');
for (let i = 0; i < xx.length; i++){
    console.log(xx[i]);
}