document--文档中的操作，操作属性操作样式操作元素

Posted 2020-10-11 将心比心

---恢复内容开始---

document操作：
    1、找元素   getE..
    2、操作内容   非表单：innerhtml   表单：value
    3、操作属性    
            setAttribute（"属性名","属性值"）  
            getAttribute("属性名"）
            removeAttribute（"属性名"）
    4、操作样式
            元素.style.样式 = “”；

    5 、操作元素

          创建元素  document.createElement（标签名）
         追加元素  元素对象.appendChild（元素对象）
          删除元素  元素对象.remove();

 //通过操作属性的方法  修改id=pp的元素的大小

  小练习  /*
    1、方法
    2、找到div
    3、删除class属性   /  直接修改class
    4、加属型 class
    */
    var flag = true;
    function changStyle(){
        //找到元素
        var aa = document.getElementById("pp");
        if(flag){
            //修改class属性
            aa.setAttribute("class","fff");
            flag = false;
        }else{
            aa.setAttribute("class","ff");
            flag = true;
        }
    }
    JS操作属性：
aaa.getAttribute("属性名"); - 取出aaa这个dom对象的属性名中的属性值

aaa.removeAttribute("属性名"); -移除该属性

aaa.setAttribute("属性名","值"); --添加/修改此属性

window.setTimeout("b()", 3000); --等待3秒，执行b这个方法,执行一遍
window.setInterval(‘aaa()‘, 1000); --每隔1秒都执行aaa这个方法，循环执行

clearInterval(time); --清除定时器

window.clearInterval(延迟的id) --清除setTimeout