javascript dom 编程艺术
来源:广州中睿信息技术有限公司官网
发布时间:2012/10/21 23:25:16 编辑:editor 阅读 383
varmyArray[]//数组声明对象是自我包含的数据集合,包含在对象里的数据可以通过属性(property)和方法(method)访问。getElementById()getElementsBy

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);

 

联系我们CONTACT 扫一扫
愿景:成为最专业的软件研发服务领航者
中睿信息技术有限公司 广州•深圳 Tel:020-38931912 务实 Pragmatic
广州:广州市天河区翰景路1号金星大厦18层中睿信息 Fax:020-38931912 专业 Professional
深圳:深圳市福田区车公庙有色金属大厦509~510 Tel:0755-25855012 诚信 Integrity
所有权声明:PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。
版权所有:广州中睿信息技术有限公司 粤ICP备13082838号-2