首页 > 代码库 > 140923●DOM对象(2)

140923●DOM对象(2)

一、window.history对象

window.history.back();    //后退

window.history.froward();    //前进

window.history.go(n);    //前进n次(n是正数--前进;n是负数--后退)

 

二、window.location对象

window.location.href;    //获得当前窗口的地址栏地址
window.location.hostname;    //获取主机名、域名、网站名
window.location.pathname;    //路径名(地址栏中问号左边的内容)

 

三、window.status对象,直接设置状态栏文字

window.status="123456";    //为状态栏赋值

四、window.document对象

1、查找元素

document.getElementById("id");    //只能找一个
document.getElementsByName("名");    //找出来的是个数组
document.getElementsByTagName("标签名");    //找出来的是个数组
document.getElementsByClassName("样式名");    //找出来的是个数组

2、操作内容

1)、获取内容

第一类:非表单元素

a.innerHTML——内部的HTML内容
a.innerText——内部的文字内容
a.outerHTML——包括标签本身的内容(简单了解)

第二类:表单元素

a.value——获取input中的value值,或者<textarea></textarea>中间的值

2)、设置内容

第一类:非表单元素

a.innerHTML = "hello world";

a.innerHTML="<font color=red>123</font>";

a.innerText = "";

第二类:表单元素

a.value="http://www.mamicode.com/hello world";

3、操作属性

1)、获取属性

var s = a.getAttribute("属性名");

2)、设置属性

a.setAttribute("属性名","属性值");

3)、移除属性

a.removeAttribute("属性名");

4、操作样式

直接操作样式属性
a.style.xxxx="";

var s = a.style.xxxx;

 

140923●DOM对象(2)