前端入門到熟悉day18

2021-09-11 07:55:26 字數 2193 閱讀 5333

陣列操作

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...