陣列操作
array(陣列)物件方法
方法 描述
concat() 連線兩個或更多的陣列,並返回結果。
join() 把陣列的所有元素放入乙個字串。元素通過指定的分隔符進行分隔。
pop() 刪除並返回陣列的最後乙個元素
push() 向陣列的末尾新增乙個或更多元素,並返回新的長度。
reverse() 顛倒陣列中元素的順序。
shift() 刪除並返回陣列的第乙個元素
slice() 從某個已有的陣列返回選定的元素
sort() 對陣列的元素進行排序
splice() 刪除元素,並向陣列新增新元素。
tosource() 返回該物件的源**。
tostring() 把陣列轉換為字串,並返回結果。
tolocalestring() 把陣列轉換為本地陣列,並返回結果。
unshift() 向陣列的開頭新增乙個或更多元素,並返回新的長度。
valueof() 返回陣列物件的原始值
01陣列
02陣列length
03陣列新增
04陣列刪除
05splice
06concat
07join
08陣列排序
09slice
dom初級
dom document object model 文件物件模型
dom 節點
通過這個dom操作拿到html(document) 上面的所有東西
document.getelementbyid
document.getelementsbytagname
document.getelementsbyclassname
ie 老版本(8以下) 10% 9之後支援很多
chrome/safi 60%
ff 99%
html 文件中的所有內容都是節點:
整個文件是乙個文件節點
每個 html 元素是元素節點
html 元素內的文字是文字節點
每個 html 屬性是屬性節點
注釋是注釋節點
元素.childnodes (存在相容性,不推薦使用,推薦使用另乙個 children)
元素.children (不管在標準還是非標準下,只包含元素型別的節點。推薦使用)
特點:唯讀屬性。
代表:子節點列表集合,試劑盒就有長度,可使用陣列形式獲取
只包含兒子子節點,不包含孫子子節點
獲取:實行 下表獲取
標準模式下(非ie):childnodes 包含了文字和元素型別節點,也會包含非法巢狀的子節點(注意:不是孫子節點)
非標準:childnodes只包含元素型別的節點。ie7以不會包含非法巢狀子節點
ul元素下面的所有子元素都包括在這個childnodes屬性裡面
dom裡面定義了12種節點:
一般地,節點至少擁有nodetype、nodename和nodevalue這三個基本屬性。
元素.nodetype 1
唯讀屬性,代表當前元素的型別
nodetype屬性返回節點型別的常數值。不同的型別對應不同的常數值,12種型別分別對應1到12的常數值
元素.attributes
唯讀屬性,代表當前元素的屬性是什麼(如:id,border,,,等屬性)
屬性列表集合
屬性的名稱:元素.attributes[0].name
屬性的值:元素.attributes[0].value
01子節點
02子節點
if(oul.childnodes[i].nodetype==1)
}03子節點
for(var i=0;ifor(var i=0;i08firstchild
09元素屬性操作
元素屬性操作
第一種:odiv.style.display=「block」;
第二種:odiv.style[「display」]=「block」;
第三種:dom方式
dom方式操作元素屬性
獲取:getattribute(名稱)
設定:setattribute(名稱, 值)
刪除:removeattribute(名稱)
obtn.οnclick=function()
}10classname
dom中級
01建立元素
前端學習Day18
一 3d的旋轉 增加了rotatez 和 rotate3d x,y,z,度數 注 x y z 它們是乙個向量值,0是不旋轉,1是旋轉 eg rotate3d 1,1,0,45deg 等價於 rotatex 45deg rotatey 45deg 二 3d的縮放 增加了 scalez 和 scale3...
前端入門到熟悉day02
01文字域和select option select 元素可建立單選或多選選單。元素中的 標籤用於定義列表中的可用選項。02 1 的基本構成元素最少需要三個 table tr td 元素的彙總 table 表示 thead 表示標題行 tbody 表示 的主體 tfoot 表示表腳 tr 表示一行單...
前端入門到熟悉day03
01為什麼要清除浮動 浮動會產生 高度塌陷 02偽元素選擇器 link a link 選擇所有未訪問鏈結 visited a visited 選擇所有訪問過的鏈結 active a active 選擇正在活動鏈結 hover a hover 把滑鼠放在鏈結上的狀態 focus input focus...