码迷,mamicode.com
首页 > Web开发 > 详细

JS的DOM操作及动画

时间:2017-03-24 14:11:38      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:append   set   mod   动画   create   获取   选择器   事件   val   

JS的DOM操作
DOM:Document Object Model
BOM:Bowers(浏览器) Object Model

找到元素:var a=document.getElementById("id") ;就找到的元素放在变量中;
                id选择器:document.getElementById("id"); 根据id找,最多找一个;
                class选择器:document.getElementClassName("name") ;根据classname找,找出的是数组;
                标签选择器:document.getElementTagName("name");根据标签名找,找出的是数组;
                name选择器:document.getElementByName("name");根据name找,找出的是数组;
操作内容:innerHTML 标签里的代码和文字都获取;
                innerText 只能取文字;
操作属性:var a=document.getElementById("id");
                a.setAttribute("属性名","属性值") ;设置一个属性,可以添加或者更改;
                a.getAttribute(“属性名”);获取属性的值;
                a.removeAttribute(“属性名”);移除一个属性;
操作样式: a.style.样式=“”;

动画
    CSS          过渡(渐变效果)
                JS             setInterval
        clearInterval
    createElement:
             var op = createElement("标签名")
             op.属性
    appendChild:appendChild(对象名)    :即op
    removeChild
    onchange : 改变事件


JS的DOM操作及动画

标签:append   set   mod   动画   create   获取   选择器   事件   val   

原文地址:http://www.cnblogs.com/zhaohui123/p/6610718.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!