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

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

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





   

原文地址:https://www.cnblogs.com/w-xibao/p/7680512.html