javascript dom 编程艺术[笔记]

var myArray [];//数组声明

对象是自我包含的数据集合，包含在对象里的数据可以通过属性（property）和方法（method）访问。

getElementById();

getElementsByTagName();

getAttribute();

setAttribute();

childNodes

nodeType:

1 元素节点

2 属性节点

3 文本节点

nodeValue

<p id="test_p">test</p>

var testp= document.getElementById("test_p");

testp.firstChild.nodeValue = "sss";

firstChild

lastChild

function addLoadEvent(func){

var oldonload = window.onload;

if(typeof window.onload != 'function'){

window.onload = func;

}else{

window.onload = function(){

oldonload();

func();

}

}

} 

dom core and html dom

innerHTML 不是W3C DOM 标准的组成部分，大部分浏览器均支持

innerHTML 可以读、写某给定元素的HTML内容。

xhtml不支持 innerHTML

document.createElement(nodeName);

parent.appendChild(child);

document.creatTextNode("hello world");

parentElement.insertBefore(newElement,targetElement);

gargetElement.parentNode.insertBefore(newElement,targetElement);

function insertAfter(newElement,targetElement)

{

var parent = targetElement.parentElement;

if(parent.lastChild == targetElement){

parent.applendChild(newElement);

}else{

parent.insertBefore(newElement,targetElement.nextSlibling);

}

}

nextSibling

previousSibling

style[object]

element.style.color

element.style.fontFamily

element.style.fontSize

在外部样式表里申明的样式信息不会进入style对象

element.style.font

element.className

function addClass(element,value){

if(!element.className){

element.class = value;

}else {

newClassName = element.calssName;

newClassName += " ";

newClassName += value;

element.className = newClassName;

}

}

setTimeout("function",interval);

经过interval毫秒后，执行function函数

variable = setTimeout("function",interval);

clearTimeout(variable);

取消排队着的执行函数

parseInt("39px")==39;

movement = setTimeout("move",50);

function move() {

if(debug) return false;

if(end) return true;

element.style.left = "10px";

element.style.top = "30px";

movement = setTimeout("move",50);

}

//保证队伍里不会多排事件，取消混积累乱。

function move() {

if(debug) return false;

if(end) return true;

if(element.movement){clearTimeout(element.movement);}

element.style.left = "10px";

element.style.top = "30px";

element.movement = setTimeout("move",50);

}

Math.ceil(1.1);

Math.floor(1.9);

Math.round(2);