认识DOM
文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)
HTML文档可以说由节点构成的集合,三种常见的DOM节点:
元素节点:
<html>、<body>、<p>
等都是元素节点,即标签。文本节点:向用户展示的内容,如
<li>...</li>
中的JavaScript、DOM、CSS等文本。属性节点:元素属性,如
<a>
标签的链接属性href=”http://www.imooc.com”。
通过ID获取元素
语法:document.getElementById(“id”)
innerHTML属性
语法:Object.innerHTML
1.Object是获取的元素对象,如通过document.getElementById(“ID”)获取的元素。
2.注意书写,innerHTML区分大小写。
改变HTML样式
语法:Object.style.property=new style;
基本属性表(property):
显示和隐藏(display属性)
语法:Object.style.display = value
value的取值:
控制类名(className 属性)
语法:object.className = classname
作用:
1.获取元素的class 属性
2.为网页内的某个元素指定一个css样式来更改该元素的外观