首页 > 代码库 > 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)