天天看點

js

一. 核心DOM   主要屬性

l  parentNode     父節點

l  innerHTML  用來設定或者傳回雙邊标記裡面的内容

l  nextSibling  下一個兄弟節點  

要使用核心 DOM來操作HTML文檔  通路HTML文檔裡面的标簽  如果說要通過核心DOM來通路HTML的标簽  一定是先根标簽開始!

注意: 核心dom它會把換行空格都會了解為文本節點

因為使用核心DOM來操作HTML文檔太過于繁瑣,是以就出來了HTML DOM來操作HTML文檔!

核心DOM對标簽屬性的操作

   1).要找到操作的标簽對象.setAttribute(屬性名,屬性值)  改

   2).要找到操作的标簽對象.getAttribute(屬性名)           查

   3).要找到操作的标簽對象.removeAttribute(屬性名)     删

核心DOM對标簽的操作

建立标簽

         文法:

                   document.createElement(“标簽名”)

         注意:标簽名不能帶尖括号  但是建立好的标簽它暫時是存放于記憶體中 

追加标簽  

         1).父對象.appendChild(要追加的标簽對象)

                 将标簽對象追加父對象的末尾

          2).将标簽對象追加誰的最前面

              父對象.insertBefore(要追加的标簽對象, 在誰之前進行追加)

移除标簽

            父對象.removeChild(要删除的标簽對象)

二. HTML DOM方法

1).document.getElementById(ID的屬性值)

作用:通過id的屬性值來擷取标簽對象   

注意:這個隻能擷取到一個标簽對象  因為id的屬性值是在一個HTML文檔裡面是唯一的!

2).document.getElementsByTagName(“标簽名”)

父對象. getElementsByTagName(“标簽名”)

作用:通過标簽名來擷取對象 

注意:這裡傳回的是一個數組集合 需要使用下标來進行通路  就算擷取到隻有一個标簽 它也是一個數組集合

3).document.getElementsByName(name的屬性值)

說明:通過标簽中的Name的屬性值來擷取元素

HTML DOM對标簽屬性的操作

标簽中所所有的屬性 ,這個JS對象也會同時擁有

1). 增

要操作的标簽對象.屬性名 = “值”

2).删

要操作的标簽對象.屬性名 = “”

3).改

要操作的标簽對象.屬性名 = “重新指派” 

4).查 

要操作的标簽對象.屬性名

5).但是以上對标簽屬性的操作均不包含對class屬性的操作   如果要對标簽裡面的class屬性的操作 一定要把class改為className

         格式:

         要操作的标簽對象.className

三.CSS DOM

CSS DOM它是用來操作标簽的style屬性的  這裡的style它也是一個對象

        格式:

         指派:  要操作标簽對象.style.css樣式屬性 = “CSS屬性值”

         取值:  要操作标簽對象.style.css樣式屬性

如果CSS樣式屬性是由兩個或者以上的單詞組成的 那麼要将中劃線去掉同時從第二個單詞開始首字母要大寫!