[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,重复不断的循环