140923●DOM对象（2）

标签：style   color   io   os   ar   sp   on   c   html   

一、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="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）

标签：style   color   io   os   ar   sp   on   c   html   

原文地址：http://www.cnblogs.com/phantom-k/p/3989534.html