一. 核心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樣式屬性是由兩個或者以上的單詞組成的 那麼要将中劃線去掉同時從第二個單詞開始首字母要大寫!