11.入门第十一课:DOM--梦开始的地方（故事版）

javascript是一个英雄，但总要有战场，它的战场是“其所处的网页内”。

浏览器加载完网页后，会在内存中生成一个"document对象"，这个对象代表着整个网页。即javascript的战场就是"document"，有了它javascript就可以随心所欲，为所欲为了。

利用它可以做什么......?

1、可以激活网页内任何一个标记(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","属性值");

2、删除网页内的标记

var xx=document.getElementById("xx");
//先获取他的父元素，再利用父元素将自己删除（没有办法，自己总不能删除自己吧！）
xx.parentNode.removeChild(xx);

3、创造游离对象，并添加到网页中（重要）：

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!!!