//如果使用DTD申明,请注意document.documentElement与document.body的兼容处理 var s=""; s+="\r\n网页整体区域宽:"+document.body.clientWidth; s+="\r\n网页可见区域高:"+document.documentElement.clientHeight; //window.innerWidth -firefox; s+="\r\n网页可见区域宽:"+document.body.offsetWidth+"(包括边线的宽)"; s+="\r\n网页可见区域高:"+document.body.offsetHeight+"(包括边线的高)"; s+="\r\n网页正文全文宽:"+document.body.scrollWidth; s+="\r\n网页正文全文高:"+document.body.scrollHeight; s+="\r\n网页被卷去的高:"+document.body.scrollTop; s+="\r\n网页被卷去的左:"+document.body.scrollLeft; s+="\r\n网页正文部分上:"+window.screenTop; s+="\r\n网页正文部分左:"+window.screenLeft; s+="\r\n屏幕分辨率的高:"+window.screen.height; s+="\r\n屏幕分辨率的宽:"+window.screen.width; s+="\r\n屏幕可用工作区高度:"+window.screen.availHeight; s+="\r\n屏幕可用工作区宽度:"+window.screen.availWidth; alert(s);
var timer2=setTimeout("test()",2000); clearTimeout(timer2);
var timer1=setInterval("test()",2000); clearInterval(timer1);
childNodes 该属性返回一个数组,这个数组由给定元素节点的子节点构成 可用childNodes[i]来进行访问 与table 的rows一样 和select 的options一样
firstChild 返回第一个子节点
lastChild 返回最后一个子节点
nextSibling 返回给定节点的下一个子节点
parentNode 返回一个给定节点的父节点
previousSibling 返回给定节点的下一个子节点??
rowIndex 对于row可以获取其row所在的table 的位置
cellIndex 对于cell可以获取其cell所在的row的位置
1 createElement(element)
创建一个指定标签名创建一个新的元素节点,返回值为指向新建元素节点的引用指针。
eg) var para = document.createElement("p");
document.body.appendChild(para);
2 createTextNode()
创建一个包含着给定文本的新文本节点,返回一个指向新建文本节点的引用指针:
reference = document.createTextNode()
参数为新建文本节点所包含的文本字符串
var message = document.createTextNode("hello world");
var container = document.createElement("p");
container.appendChild(message);
document.body.appendChild(container);
3 cloneNode()
reference = node.cloneNode(deep)
为给定节点创建一个副本,参数为 true 或者 false,true 表示同时复制该节点的子节点,false 则不复制任何子节点。
var para = document.createElement("p");
var message = document.createTextNode("hello world");
para.appendChild(message);
document.body.appendChild(para);
var newpara = para.cloneNode(true);
document.body.appendChild(newpara);
4 appendChild()
reference = node.appendChild(newChild);
插入节点,例子参考前面。
5 insertBefore()
reference = element.insertBefore(newNode,targetNode)
将一个给定节点插入到一个给定元素节点的给定子节点的前面,返回一个指向新增子节点的引用指针。
var container = document.getElementById("content");
var message = document.getElementById("fineprint");
var para = document.createElement("p");
container.insertBefore(para,message);
6 removeChild()
reference = element.removeChild(node)
将从一个给定元素利删除一个子节点,返回一个指向已被删除的子节点的引用指针。
当某个节点被 removeChild()删除后,此节点所有子节点都被删除。
7 replaceChild()
reference = element.replaceChild(newChild,oldChild)
把一个给定父元素里的一个子节点替换为另外一个节点,oldChild 节点必须是 element 元素的一个子节点,返回值是一个指向已被替换的那个子节点的引用指针。
var container = document.getElementById("content");
var message = document.getElementById("fineprint");
var para = document.createElement("p");
container.replaceChild(para,message);
8 setAttribute()
element.setAttribute(attributeName,attributeValue);
为给定元素节点添加一个新的属性值或是改变它的现有属性
9 getAttribute
attributeValue = element.getAttribute(attributeName)
返回一个给定元素的一个给定属性节点的值。
10 getElementById()
element = document.getElementById(ID)
寻找一个有着给定 id 属性值的元素,返回一个元素节点
11 getElementByTagName()
用于寻找有着给定标签名的所有元素:
elements = document.getElementsByTagName(tagName)
返回一个节点集合。
12 hasChildNodes
用来检查一个给定元素是否有子节点
booleanValue = element.hasChildNodes
返回 true 或 false。