css選擇器能干啥文檔介紹內容,dom操作?
文檔對象模型( DOM, Document Object Model )主要用于對HTML和XML文檔的內容進行操作。DOM描繪了一個層次化的節點樹,通過對節點進行操作,實現對文檔內容的添加、刪除、修改、查找等功能。
一、DOM樹
DOM樹有兩種,分別為節點樹和元素樹。
節點樹:把文檔中所有的內容都看成樹上的節點;
元素樹:僅把文檔中的所有標簽看成樹上的節點。
二、DOM常用操作
2.1 查找節點
document.getElementById('id屬性值');
返回擁有指定id的第一個對象的引用
document/element.getElementsByClassName('class屬性值');
返回擁有指定class的對象集合
document/element.getElementsByTagName('標簽名');
返回擁有指定標簽名的對象集合
document.getElementsByName('name屬性值');
返回擁有指定名稱的對象結合
document/element.querySelector('CSS選擇器');
僅返回第一個匹配的元素
document/element.querySelectorAll('CSS選擇器');
返回所有匹配的元素
document.documentElement
獲取頁面中的HTML標簽
document.body
獲取頁面中的BODY標簽
document.all['']
獲取頁面中的所有元素節點的對象集合型
2.2 新建節點
document.createElement('元素名');
創建新的元素節點
document.createAttribute('屬性名');
創建新的屬性節點
document.createTextNode('文本內容');
創建新的文本節點
document.createComment('注釋節點');
創建新的注釋節點
document.createDocumentFragment( );
創建文檔片段節點
2.3 添加新節點
parent.appendChild( element/txt/comment/fragment );
向父節點的最后一個子節點后追加新節點
parent.insertBefore( newChild, existingChild );
向父節點的某個特定子節點之前插入新節點
element.setAttributeNode( attributeName );
給元素增加屬性節點
element.setAttribute( attributeName, attributeValue );
給元素增加指定屬性,并設定屬性值
CSS通常稱為CSS樣式或樣式表?
CSS(層疊樣式表)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。 CSS能夠對網頁中的對象的位置排版進行像素級的精確控制,支持幾乎所有的字體字號樣式,擁有對網頁對象和模型樣式編輯的能力,并能夠進行初步交互設計,是目前基于文本展示最優秀的表現設計語言。CSS能夠根據不同使用者的理解能力,簡化或者優化寫法,針對各類人群,有較強的易讀性。 有三種方法可以在站點網頁上使用樣式表: 外聯式Linking(也叫外部樣式):將網頁鏈接到外部樣式表。 嵌入式Embedding(也叫內頁樣式):在網頁上創建嵌入的樣式表。 內聯式Inline(也叫行內樣式):應用內嵌樣式到各個網頁元素。 其中,優先級:內聯式 > 嵌入式 > 外聯式
類型選擇符用什么標記?
類選擇符:自己定義的包含多條樣式的集合,以“.”開頭。可以在頁面中重復使用該樣式。如:.aaa{ ……}類型選擇符:定義HTML固有標簽的樣式。前面不加“.”例如:p{ ……}ID選擇符,和類選擇符格式相同。區別在于以“#”開頭,而且ID是先找到結構/內容,再給它定義樣式;class是先定義好一種樣式,再套給多個結構/內容例如:#aaa{ ……}通配符,顧名思意:對頁面內所以標簽都生效。其名稱必須為“*”。例如:*{ ……}偽類:常用的有四個、即A標簽里的四個狀態(a:link a:visited a:hover a:active)。
其他的如:lang :focus等不常用,也存在兼容問題。
css三種選擇器的特點?
css選擇器的類型分為3類:標記選擇器、類別選擇器和ID選擇器。
(可能名稱有不同的說法,但意思都是一樣的) 標記選擇器是利用HTML的標記直接定義標記內容的樣式,如:h1{ color:red; font-size:25pt;} 類別選擇器是通常說的class選擇器,定義的時候要在名稱前加.如:.one{ color:red; font-size:25pt;} ID選擇器定義的時候要在前面加#,如:#box { color:red; font-size:25pt;} 利用DW寫CSS的時候,高級就是上面說的ID選擇器,ID選擇器的名字可以任意命名,可以自己定義,可是標簽就只能是HTML語言里制定的那些標記,不能自己定義。