课程名称：JavaScript入门篇
课程章节： 你也有控制权（DOM操作）
主讲老师：慕课官方号
课程内容：
今天学习的内容包括： DOM是什么？如何通过ID获取元素？innerHTML的使用？HTML 样式如何修改？display属性的使用？className属性的使用？
课程收获：
文档对象模型DOM定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构。HTML文档可以说由节点构成的集合，三种常见的DOM节点。元素节点有<html>、<body>、<p>等都是元素节点，也就是标签。 文本节点就是向用户展示的内容，其中有<li>...</li>中的JavaScript、DOM、CSS等文本。属性节点表示元素属性。
标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。使用方法document.getElementById("id")，结果会返回null或[object HTMLParagraphElement]。我们需要注意的是获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。
innerHTML 属性用于获取或替换 HTML 元素的内容。使用方法Object.innerHTML，我们需要注意的是Object是获取的元素对象。innerHTML区分大小写。
使用Object.style.property=new style;可以修改html的样式，其中Object是获取的元素对象。如果想要设置元素的背景颜色使用backgroundColor。设置元素的高度使用height。设置元素的宽度使用width。设置元素的字体大小使用fontSize。设置文本的颜色使用color。
显示和隐藏可以使用display属性。使用的方法Object.style.display = value。如果值为none此元素不会被显示出来。如果值为block此元素就会显示为块级元素。
className 属性设置或返回元素的class 属性。使用方法object.className = classname。作用是获取元素的class属性以及为网页内的某个元素指定一个css样式来更改该元素的外观。
今天学习了你也有控制权（DOM操作）的3-1到3-6的6个小结，花费了42分钟，今天主要学习了DOM的操作，我们可以通过id获取我们需要的DOM元素，然后通过innerHTML替换dom中的元素内容，还可以使用color修改元素的颜色，除了修改元素的样式，还可以通过display来动态控制元素的显示和隐藏。我们也可以使用className来切换类名，显示不同的效果。
随时随地看视频
