前言: 昨天寫了篇關(guān)于JavaScript的,今天寫篇Dom的(插入4個實例),寫完之后感覺知識點還不少~ 內(nèi)容當然會用到【前端】:JavaScript的知識。下篇博客會寫關(guān)于jQuery~~
一、DOM介紹
文檔對象模型(Document Object Model,DOM)是一種用于HTML和XML文檔的編程接口。它給文檔提供了一種結(jié)構(gòu)化的表示方法,可以改變文檔的內(nèi)容和呈現(xiàn)方式。我們最為關(guān)心的是,DOM把網(wǎng)頁和腳本以及其他的編程語言聯(lián)系了起來。DOM編程:可以操作html所有的標簽,進行找、操作(document 是整個HTML文檔的對象,通過document可以對HTML進行操作)! 它也是javascript的一部分。
注:一般說的JS讓頁面動起來泛指JavaScript和Dom
二、查找標簽(選擇器)
1. 通過以下三種方法可到HTML文檔中查找某標簽
1 var nid = document.getElementById("aa"); //找到id為aa的標簽,因為id是唯一的,所以是element (ID選擇器) 2 var lis = document.getElementsByTagName("li"); //找到li標簽 (標簽選擇器) 3 var lis2 =