dom 的操作,常用的有哪些,如何建立、新增、移除、移動、複製、查詢節點?
建立:createdocumentfragment() //建立乙個dom片段
createelement() //建立乙個具體的元素
createtextnode() //建立乙個文字節點
新增:移出:
removechild()
替換:replacechild()
插入:insertbefore()
複製:clonenode(true)
查詢:getelementsbytagname() //通過標籤名稱
getelementsbyclassname() //通過標籤名稱
getelementsbyname() //通過元素的name屬性的值
getelementbyid() //通過元素id,唯一性
原生js:
建立 var h1 = document.createelement("")
移除 document.removechild(h1)(刪除子元素) h1.remove()(刪除自身)
複製 var h = h1.clonenode()
查詢 childnodes元素節點和文字節點 children元素節點(相容性問題)
firstchild獲取第乙個節點(文字節點也算)firstelementchild獲取第乙個節點(文字節點不算)
lastchild獲取最後乙個節點(文字節點也算)lastelementchild獲取最後乙個節點(文字節點不算)
previoussibling獲取上乙個節點(文字節點也算)previouselementchild獲取上乙個節點(文字節點不算)
nextsibling獲取下乙個節點(文字節點也算)nextelementsibling獲取下乙個節點(文字節點不算)
jquery:
建立 var li = $("")
新增 外部新增 after() insertafter() before() insertbefore()
移除 remove() html() empty()
複製 clone()
查詢 find()查詢子級 children()查詢子級們
siblings()查詢同級 contents()查詢文字節點
prev()查詢上一級節點 prevall()查詢上一級節點們
next()查詢下一級節點 nextall()查詢下一級節點們
$('.***') 類選擇器查詢 $('#***')id選擇器查詢 $('.*** ***')後代選擇器查詢
$('.***~***')層級選擇器查詢1 $('.***+***')層級選擇器查詢2
偽類查詢 $('***'):first 查詢第乙個節點 $('***'):last 查詢最後乙個節點
$('***'):eq(『下標』)查詢指定節點
$('***'):not('.***')查詢不含有同級節點 $('***'):has('.***')查詢含有該節點的元素
$('***'):gt('下標')查詢大於指定下標節點 $('***'):lt(『下標』)查詢小於指定下標節點
$('***'):odd查詢奇數倍節點 $('***'):even 查詢偶數倍節點
jq方法查詢 $('***').first() 查詢第乙個節點 $('***').last() 查詢第乙個節點
牛客網練習30
眾所周知,小k是nowcoder的 苟管理,所以小k很擅長踢樹,雖然本題與踢樹無關 小k喜歡將日期排列成yyyy mm dd的形式 位數不足添零補齊 的形式,雖然這與小k只會做回文字串這道水題無關,但小k覺得日期組成的回文串也是挺可愛的。作為乙個涼心出題人,小k決定給你乙個可愛的問題 給你兩個日期,...
python 牛客輸入練習
練習位址 基本可以通過sys.stdin來實現讀取輸入 通過判斷len input 當前行長度來跳出程式。缺省會讀取回車,則若是空行接回車,則長度為1 若通過input strip 則可以去除首尾的回車鍵和空格鍵,則此時長度為0。自己的練習記錄 描述 不知道一共多少行,每輸入一行,輸出結果 whil...
操作集錦 牛客網 牛客練習賽60
題目傳送 時間限制 c c 1秒,其他語言2秒 空間限制 c c 262144k,其他語言524288k 64bit io format lld 題目描述 輸入描述 第一行兩個整數n,k 第二行乙個長度為n的字串,保證只存在小寫字母.輸出描述 示例1輸入 3 1 abc輸出 3備註 1 n 1e3 ...