DOM:文档对象模型(Document Object Model)定义访问和处理HTML文档的标准方法。DOM将HTML文档呈现为带有元素属性和文本的树结构(节点数)。
HTML文档可以说由节点构成的集合
1.元素节点:<html>、<body>、<p>等元素节点,即标签
2.文本节点:向用户展示的内容 如
<li>...</li>
3.属性节点:元素属性,如href="..."
<a href="http://www.imooc.com">JavaScript Dom</a>
a:元素节点
href="..." 属性节点
Javascript Dom:文本节点
通过ID获取元素
var a=document.getElementById("id");
结果:null或 [object HTMLParagraphElement] (对象(obkject))
Object.innerHTML
改变HTML样式
object.style.property=new Style;
基本属性表
属性 描述
backgroundColor 设置元素的背景颜色
height 设置元素的高度
width 设置元素的宽度
color 文本的颜色
font 在一行设置所有的字体属性
fontFamily 设置元素的字体系列
fontSize 设置元素的字体大小
显示和隐藏
Object.Style.display=value;
值 描述
none 此元素不会被显示(隐藏)
block 此元素将显示为块级元素(即显示)
控制类名
Object.className=className;
1.获取元素的class属性
2.为网页内的某个元素指定一个CSS样式来更改元素的外观
mychar.className="two";