JS的DOM操作及动画

时间:2021-05-19 07:15:18

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 : 改变事件