5-21

DOM:文檔對象模型,操作頁面中的元素,增刪改查

查:1.通過元素間關系查找:

? ? ? ? 父子關系:查找某個元素的父元素:parentElement

? ? ? ? 查找某個元素的所有子元素,返回一個動態集合:children

? ? ? ? 查找第一個子元素:firstElementchild;

? ? ? ? 查找最后一個子元素:lastElementchild;

? ? ? ? 兄弟關系:前一個兄弟元素:previousElmentsSibling

? ? ? ? 下一個兄弟:nextElementsibling

2.通過HTML找

? ? (1)通過id找

? ? ? ? ? var? ? ? ? ? ele=document.getElentById('Id');

? ? 只能找到一個,id具有唯一性

? ? 找不到返回null

(2)class

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

可以找到多個,返回動態集合

找不到,返回【】

(3)標簽

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

可以找到多個,返回一個動態集合

找不到,返回空集合

(4)name屬性,只適用于表單元素

? ? var ele=document.getElementsByName('name');

返回一個動態集合

3、通過選擇器查找

? ? ? var ele=document.querSelector('選擇器');

只能找一個

var ele=document.querySelector('選擇器');

能找到多個,返回一個動態集合

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 一、JS前言 (1)認識JS 也許你已經了解HTML標記(也稱為結構),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,790評論 0 8
  • Scala與Java的關系 Scala與Java的關系是非常緊密的!! 因為Scala是基于Java虛擬機,也就是...
    燈火gg閱讀 3,479評論 1 24
  • 第1章 認識JS JavaScript能做什么?1.增強頁面動態效果(如:下拉菜單、圖片輪播、信息滾動等)2.實現...
    mo默22閱讀 1,319評論 0 5
  • 指令作用域 自定義指令可以又自己的控制器,自己的模型和作用域 默認情況,指令使用的模型是和它所在的控制器的模型是同...
    GodlinE閱讀 165評論 0 0
  • 這是一篇作者,無趣而balabala的文字,到它絕對真實! 干物女今年大三了,從大一開始一直沒有參加過任何的社團,...
    你是霧我是酒館也是霧閱讀 178評論 0 0