[TOC] >[info]在 HTML DOM 中，Element 對象表示 HTML 元素。 ## 內容的操作 ### innerHTML 屬性 >[info]用來設置或獲取對象起始和結束標簽內的 內容(識別html標簽) ~~~ HTMLElementObject.innerHTML=text ~~~ ### textContent 屬性 >[info]屬性設置或返回指定節點的文本內容，以及它的所有后代。 ~~~ node.textContent=text ~~~ >[danger]innerText用來設置或獲取對象起始和結束標簽內的文 字內容 (innerText只適用于IE瀏覽器) ## 屬性的操作 ### 操作元素特定屬性 * 獲取：對象.屬性 * 設置：對象.屬性 = 屬性值 * 特定屬性：ID、CLASS、A標簽的href屬性、IMG標簽的src屬性等 ### 設置任意屬性 setAttribute() 方法添加指定的屬性，并為其賦指定的值。 ~~~ element.setAttribute(attributename,attributevalue) ~~~ ### 獲取任意屬性 getAttribute() 方法返回指定屬性名的屬性值。 ~~~ element.getAttribute(attributename) ~~~ ## 樣式的操作 ### Style 對象 >[info]Style 對象代表一個單獨的樣式聲明。可從應用樣式的文檔或元素訪問 Style 對象。(只能獲取行內樣式)。 ~~~ document.getElementById("id").style.property="值" ~~~ ### 行內樣式和外部樣式通用的獲取方法 >[danger]對象.currentStyle.CSS樣式(IE用來獲得實際的樣式屬性) getComputedStyle(對象,null).CSS樣式(火狐用來獲得實際的樣式屬性) **兼容性寫法** ~~~ <script type="text/javascript"> return window.getComputedStyle ? window.getComputedStyle(obj,null).paddingLeft : obj.currentStyle.paddingLeft; </script> ~~~ >[danger]**作業：**寫一個可以變大變小的div,重復不斷的循環