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

  • 相关阅读:
    H5新特性---Web Worker---Web Stroage
    H5新特性---SVG--椭圆--直线--文本--滤镜(高斯滤镜--模糊)--地理定位
    H5新特性——--第三方绘图工具库 echarts(canvas)---SVG绘图
    H5新特性-canvas绘图--渐变对象路径(最复杂)--图片--变形操作
    H5新特性-视频,音频-Flash-canvas绘图
    JQUERY-自定义插件-ajax-跨域访问
    JQUERY-插件
    JQUERY-事件-动画-类数组对象-添加自定义API
    JQUERY-修改-API-事件绑定
    jsp第五章
  • 原文地址:https://www.cnblogs.com/acjialiren/p/2131392.html
Copyright © 2011-2022 走看看