DOM

DOM:文檔對象? 操作頁面中的元素? ? 可以增刪改查

查:

? ? ? 1. 通過元素間的關系

父子關系:

? 查找某個父元素:parentElement

? 查找某個元素中得所有子元素 :children? ? ? 返回一個動態(tài)集合

查找第一個子元素:firstElementchild

查找最后一個子元素:lastElementchild

兄弟關系:

前一個兄弟元素:previousElementSibing

下一個兄弟:nextElementSibing

2.? 通過html查找

通過id查找:

var ele=document.getElementById('id');

只能找到一個? ? ? ? 找不到返回null

通過class

var ele=document.getElementByClassName('class')

可以找到多個? ? ? 返回動態(tài)集合? 找不到返回[]

標簽查找

var ele=document.getElementByTagName('標簽名');

可以找到多個返回一個動態(tài)集合? ? ? 沒找到返回空集合。

通過name屬性查找:

var ele=document.getElementByName('name');

可以找到多個? ? 返回動態(tài)集合

3.? 通過選擇器查找

var ele=document.querySelector('#list');

只能找到一個

var ele=document.querySlectorAll('選擇器')

返回一個動態(tài)集合

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • ??DOM(文檔對象模型)是針對 HTML 和 XML 文檔的一個 API(應用程序編程接口)。 ??DOM 描繪...
    霜天曉閱讀 3,866評論 0 7
  • 1.DOM:文檔對象模型,操作頁面中的元素,增刪改查 (1)查找: 1,通過元素間關系: 父子關系: //查...
    孤風殘影閱讀 208評論 0 0
  • 什么是 BOM ? 1.瀏覽器對象模型 Browser Object Model 2.BOM的核心對象是windo...
    WeekOne閱讀 479評論 0 2
  • DOM:文檔對象 操作頁面中的元素 可以增刪改查 查: 1. 通過元素間的關系 父子關系: 查找某個父元...
    是你的大穎兒閱讀 261評論 0 0
  • DOM DOM內容主要分為四部分: 什么是DOM和節(jié)點; 獲取節(jié)點; 節(jié)點操作(3種); 屬性操作(3種)。 什么...
    magic_pill閱讀 907評論 0 1

友情鏈接更多精彩內容