常用JS

//如果使用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。