欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css中選擇器有超文本,dom操作

老白2年前31瀏覽0評論

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中選擇器有超文本,dom操作

用什么表示子代選擇器?

CSS3中的關系選擇器主要包括子代選擇器和兄弟選擇器,其中子代選擇器由符號連接,兄弟選擇器由符號“+”和“~”連接,具體如下所示。

(1)關系選擇器

例如: h1>strong

說明:表示選擇嵌套在h1標記的子標記strong。

(2)臨近兄弟選擇器

例如: h2+p

說明:表示選擇h2標記后緊鄰的第一個兄弟標記p。

(3)普通兄弟選擇器

例如:p~h2

說明:表示選擇p標記所有的h2兄弟標記

css選擇器選取節點的是?

CSS是一種用于屏幕上渲染html,xml等一種語言,CSS主要是在相應的元素中應用樣式,來渲染相對應用的元素,那么這樣我們選擇相應的元素就很重要了,如何選擇對應的元素,此時就需要我們所說的選擇器。在 CSS 中,選擇器是一種模式,用于選擇需要添加樣式的元素。選擇器主要是用來確定html的樹形結構中的DOM元素節點。

CSS怎么寫?

內嵌樣式表

<STYLE type="text/css">

選擇符 { 樣式屬性:取值;樣式屬性:取值;...}

</STYLE>

外部樣式表

寫好了樣式之后保存為后綴.css的文件

再在你要引用的HTML文件的<HEAD></HEAD>標簽內寫上引用語句

<LINK rel="stylesheet" href="該文件的名稱(包括路徑)" type="text/css">

行內樣式

在要加入的行的表簽內寫 style="同上"