[JavaScript基础]学习③---DOM操作

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";

最后编辑于：2017.12.08 05:58:58