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