dom介紹
dom介紹：
d 網頁文件
o 物件，可以呼叫屬性和方法
m 網頁文件的樹型結構
節點：
dom將樹型結構理解為由節點組成。
節點種類：
元素節點、文字節點、屬性節點等
查詢元素
獲取元素：
getelementbyid()
getelementsbytagname()
queryseletor()
元素節點屬性：
tagname
innerhtml
html屬性的屬性：
idtitle
style
classname
屬性操作：
getattribute()
setattribute()
removeatrribute()
ps：style和onclick有相容問題，現在都支援自定義屬性
dom節點
node節點屬性：
nodename 節點名稱
nodetype 節點型別
nodevalue
節點值，不解析html
層次節點屬性：
子節點childnodes
獲取某所有子節點，包括元素節點和文字節點
firstchild 獲取第乙個節點
lastchild 獲取最後乙個節點
父兄節點
parentnode 獲取父節點
previoussibling 獲取上乙個同級節點
nextsibling 獲取下乙個同級節點
ownerdocument
根節點 ele.ownerdocument === document
attributes 屬性節點的陣列集合
忽略空白節點的方法：
忽略：123
4567
891011
12functionfilterspacenode(nodes)
//把每次的元素節點，新增到陣列裡
ret.push(nodes[i]);
}
returnret;
}
移除：123
4567
89functionremovewhitenode(element)
}
returnelement;
}
節點操作
建立節點：
document.createelement() 建立乙個元素節點
document.createtextnode(txt) 建立文字節點
插入節點：
insertbefore(newchild,refchild)
指點節點前面插入新節點
insertafter() 需要自定義12
3456
78910
11functioninsertafter(newelement, targetelement)else
}
替換複製移除：
replacechild(newchild,refchild)
替換節點，必須是某元素的子節點
clonechild(deep) 轉殖節點
removechild(oldchild) 移除節點
CSS系統學習一（基礎）
學習內容來自w3school css 規則由兩個主要的部分構成 選擇器，以及一條或多條宣告。selector 即 selector 記得寫引號p空格和大小寫css 對大小寫不敏感。不過存在乙個例外 如果涉及到與 html 文件一起工作的話，class 和 id 名稱對大小寫是敏感的。選擇器的分組 被...
CSS系統學習二（基礎）
學習內容來自w3school css 列表屬性允許你放置 改變列表項標誌，或者將影象作為列表項標誌。css 屬性可以幫助您極大地改善 的外觀。輪廓 outline 是繪製於元素周圍的一條線，位於邊框邊緣的外圍，可起到突出元素的作用。css outline 屬性規定元素輪廓的樣式 顏色和寬度。可以按順...
作業系統學習 基礎概念
作業系統是一種控制和管理整個計算機的硬體和軟體資源，並合理組織排程計算機工作和資源的分配，以提供給使用者其他軟體方便的介面和環境的系統軟體。功能和目標 併發 兩個或者多個時間同一時間間隔內發生 資源共享 包括互斥共享和同時共享，即巨集觀上資源只允許乙個程序訪問和允許多個程序 同時 訪問 虛擬 把物理...