zoukankan      html  css  js  c++  java
  • JS的DOM操作及动画

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

    找到元素:var a=document.getElementById("id") ;就找到的元素放在变量中;
                    id选择器:document.getElementById("id"); 根据id找,最多找一个;
                    class选择器:document.getElementsClassName("name") ;根据classname找,找出的是数组;
                    标签选择器:document.getElementsTagName("name");根据标签名找,找出的是数组;
                    name选择器:document.getElementsByName("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 : 改变事件


  • 相关阅读:
    Neutron分析(5)—— neutron-l3-agent中的iptables
    Neutron分析(4)—— neutron-dhcp-agent
    Neutron分析(3)—— neutron-l3-agent
    Neutron分析(2)——neutron-server启动过程分析
    Neutron分析(1)——简介
    RDO部署openstack(3)
    RDO部署openstack(2)
    Peewee之playhouse中的数据库连接池(原创)
    图数据库简介(转)
    RESTful API 最佳实践(转)
  • 原文地址:https://www.cnblogs.com/zhaohui123/p/6610718.html
Copyright © 2011-2022 走看看