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

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

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




利用它能够作什么......?数组

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

二、删除网页内的标记app

var xx=document.getElementById("xx");
//先获取他的父元素,再利用父元素将本身删除(没有办法,本身总不能删除本身吧!)
xx.parentNode.removeChild(xx);

三、创造游离对象,并添加到网页中(重要):jsp


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