1.獲取元素的方式:
一.
1.getElenentsByClassName 根據(jù)類名獲得某些元素的集合。
2. querySelector 返回制定選擇器的第一個元素抚垃,切記里面的選擇器需要加符號 .box #nav
3.querySelectorAll()返回指定選擇器的所有元素對象集合。
二.
1.獲取body元素(var bodyEle = document.body)吏祸;
2.獲取html元素(var htmlEle = document.documentElement);
2.事件三要素:
點擊一個按鈕揭糕,彈出對話框
1.事件是由三部分組成①事件源
②時間類型 ③ 事件處理程序 我們也稱為事件三要素。
①:事件源 事件被觸發(fā)的對象 誰 按鈕
②:時間類型 如何觸發(fā) 什么事件 比如鼠標點擊(onclick)還是鼠標經(jīng)過還是鍵盤按下屎即。
③:事件處理程序 通過一個函數(shù)賦值的方式 完成庙睡。
常見的鼠標事件:
onclick 鼠標點擊左鍵觸發(fā)
onmouseover 鼠標經(jīng)過觸發(fā)
onmouseout 鼠標離開觸發(fā)
onfocus 獲得鼠標焦點觸發(fā)
onblur 失去鼠標焦點觸發(fā)
onmousemove 鼠標移動觸發(fā)
onmouseup 鼠標彈起觸發(fā)
onmousedown 鼠標按下觸發(fā)
3.改變操作元素:
1.innerText 不識別html標簽 非標準 去除空格和換行。
2.innerHTML 識別html標簽 w3c標準 保留空格和換行的技俐。
4.播放背景音樂:
<embed>標簽
hidden=”true“ 隱藏播放器按鈕
hidden=”false“ 顯示播放器按鈕
autostar="true"意思是打開網(wǎng)頁加載完成后自動播放
loop=“true”循環(huán)播放
5.自定義屬性的操作:
獲取屬性值
element.屬性
獲取內(nèi)置屬性值(元素本身自帶的屬性)
element . getAttribute('屬性')乘陪;主要獲得自定義的屬性(標準)我們程序員自定義的屬性。
設置屬性值
element.屬性='值' 設置內(nèi)置屬性值
element.setAttribute('屬性'雕擂,'值')啡邑;
(區(qū)別)
element.屬性
設置內(nèi)置屬性值
element.setAttribute('屬性'); 主要設置自定義的屬性(標準)