JS的DOM操作及动画

Posted 2020-09-06 ChrissZhao

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