修改内容

• ​ 获取或修改html代码片段
  • element.innerHtml
• 获取或修改文本
  • element.textContent
• 去掉内嵌的子标签,只返回文字
• 将转义字符转入正文
  • // IE8 element.innerText

修改属性

• 核心DOM访问属性
• 获取属性值
  • var value = elem.getAttribute("属性名")
• 修改属性值
  • elem.setAttribute("属性名","值")
• 判断是否包含
  • var boll = elem.hasAttribute("属性名")
• 移除
  • elem.removeAttribute("属性名")
• HTML DOM 访问属性
• 一些HTML标准属性被HTML DOM封装在元素对象中 elem.属性名 —> 用法同普通对象的属性
• 获取属性值
  • elem.属性名
• 修改属性值
  • elem.属性名 = "值"
• 判断是否包含
  • elem.属性 != ""
• 移除属性名
  • elem.属性名 = ""

修改样式

• 内联样式
• 获取和修改
  • elem.style.css属性
• 强调
  • css属性名: 去横线,变驼峰
• 问题
  • 获取style仅能获取内联样式,无法获得完整样式
• 解决
  • computed: 获取最终应用到元素上的计算后的完整样式
• 如何

var style = getComputedStyle(元素)
// 获取elem计算后的computed样式
var value = style.属性名

• 总结
  • 只要修改样式
  • elem.style.css属性
  • 只要获取样式
  • javascript getComputedStyle(元素)