11.入門第十一課:DOM--夢開始的地方（故事版）

javascript是一個英雄，但總要有戰場，它的戰場是「其所處的網頁內」。

瀏覽器加載完網頁後，會在內存中生成一個"document對象"，這個對象表明着整個網頁。即javascript的戰場就是"document"，有了它javascript就能夠爲所欲爲，隨心所欲了。

利用它能夠作什麼......?

一、能夠激活網頁內任何一個標記(tag)，把它們變成對象，並獲取或者改變其它們的信息。代碼以下：

var xx=document.getElementById("xxx");//一個Element對象
var yy=document.getElementsByTagName("xxx");//由於tagName可能在網頁內相同，因此yy一個NodeList對象，象數組。可使用yy.item(index)的方式訪問
var txt=xx.innerHTML;//讀取標記內的文本
xx.innerHTML="設定的標記內的文本";
xx.value="若是標記是表單元素，設定輸入的值";
var t=xx.getAttribute("href");//直接獲取href屬性的值
xx.setAttribute("href","屬性值");

二、刪除網頁內的標記

var xx=document.getElementById("xx");
//先獲取他的父元素，再利用父元素將本身刪除（沒有辦法，本身總不能刪除本身吧！）
xx.parentNode.removeChild(xx);

三、創造遊離對象，並添加到網頁中（重要）：

var img=document.createElement("img");//創造一個元素對象（遊離）
img.setAttribute("src","head.jpg");//對元素設定 src屬性
var myLink=document.createElement("a");//又創造一個元素對象（遊離）
myLink.setAttribute("href","t.jsp");//對元素設定 href屬性
myLink.appendChild(img);//添加子節點
//目前mylink中含有img,但都是遊離狀態
var rs=document.getElementById("rs");//激活一個tag成爲對象
rs.appendChild(myLink);
//添加遊離對象到rs中，至關於在網頁展示

有個document對象，咱們的javascript就能夠遊走於頁面當中，操做javascript是咱們本身，咱們就是neo,document就是矩陣，let'sgo!!!