HTML DOM 筆記

  • 通過id查找HTML 元素
    var element = document.getElementById('ID')

  • 通過標簽名查找 HTML 元素

var y=x.getElementsByTagName("p");
  • 使用document.write()向HTML中寫文字
    絕不要使用在文檔加載之后使用 document.write()。這會覆蓋該文檔。

  • 使用innerHTML來改變HTML文檔

  • 可以類似document.getElementById().style.color = 'red'; 來改變css

  • 事件處理

    • onclick()處理點擊事件
    • onload 和 onunload 事件會在用戶進入或離開頁面時被觸發。
      onload 事件可用于檢測訪問者的瀏覽器類型和瀏覽器版本,并基于這些信息來加載網頁的正確版本。
      onload 和 onunload 事件可用于處理 cookie。
      · - onchange 事件常結合對輸入字段的驗證來使用。
    • onmouseover 和 onmouseout 事件可用于在用戶的鼠標移至 HTML 元素上方或移出元素時觸發函數。
    • onmousedown, onmouseup 以及 onclick 構成了鼠標點擊事件的所有部分。首先當點擊鼠標按鈕時,會觸發 onmousedown 事件,當釋放鼠標按鈕時,會觸發 onmouseup 事件,最后,當完成鼠標點擊時,會觸發 onclick 事件。
  • HTML DOM節點

    • 往HTML中增加新元素必須先創建該元素,然后向一個已經存在的元素追加這個元素
    var para = document.createElement('p');
    var node = document.createTextNode('這里是內容');
    para.appendChild(node)
    var element = document.getElementById('p1');
    element.appendChild(para);
    
    • 刪除HTML中的元素, 如需刪除 HTML 元素,您必須首先獲得該元素的父元素
    var element = document.getElementById('p1');
    element.parentNode.removeChild(element);
    
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容