JS編程之DOM混淆點

1 假設頁面中有如下元素

<div id="test" class="red">demo</div>

則可以通過以下幾種方式獲取元素:

document.getElementById('test')
document.getElementsByClassName('red')[0]
window.test
document.querySelector('#test')
document.querySelectorAll('#test')[0]


2 獲取 x 元素的 class 屬性的兩種方式

x.className
x.getAttribute('class')


3 關于以下代碼

  • 當用戶點擊該 div 時,該代碼中的 this 是 div
  • 當用戶點擊該 div 時,arguments[0] 是事件相關的信息組成的對象
div.onclick = function(){
    console.log(this)
    console.log(arguments[0])
}
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容