1. 程式人生 > >document--文檔中的操作,操作屬性、操作樣式、操作元素

document--文檔中的操作,操作屬性、操作樣式、操作元素

attr dom lag 直接 var reat chang 內容 setattr

---恢復內容開始---

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





document--文檔中的操作,操作屬性、操作樣式、操作元素