zoukankan      html  css  js  c++  java
  • 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);




    苦逼码农一个,
    人力资源管理专业本科毕业,
    懂点c#,
    懂点javascript,
    懂点sql,
    懂点设计模式
    ...

    @我是赵六六

    q:329952402

  • 相关阅读:
    使用密码解密TACACS+的报文
    C9K Stackwise Virtual(三)
    Webhook Configuration Example
    sup-bootflash和bootflash
    WLC5508 license没有500个?
    AAA Server Groups
    关于FlexConnect的Bug!
    Bug搬运工-CSCve57121--Cisco 2800, 3800 and 1560 series APs fail to pass traffic
    Bug搬运工-CSCvb29354-1810 OEAP cannot join vWLC
    阿里云云计算认证ACP模拟考试练习题第1套模拟题分享(共10套)
  • 原文地址:https://www.cnblogs.com/acjialiren/p/2131392.html
Copyright © 2011-2022 走看看