每天一点JavaScript-04

（本期JavaScript到此结束，下一波在期末后）

我的话：本节代码较多，但都很简单，只是为了能易于应用，故代码完整。需有耐心吖！

1.innerHTML属性

innenHTML属性用于获取或者替换HTML元素的内容

语法：Object.innerHTML

注意：

1. Object是获取的元素的对象，如通过document.getElementById("ID")获取的元素
2. innerHTML**区分大小写 **

例子：
通过id="con"获取

元素，并输出元素的内容并且改变元素的内容

  
    
    
  

  
    
Hello World!
    
  

结果

2.改变HTML样式

HTML DOM允许JavaScript改变HTML元素的样式。
改变HTML样式：Object.style.property = "new style";
注意：
object是获取的元素对象，与通过document.getElementById("id")获取的元素一样，都是元素对象

基本属性表：

属性	描述
backgroundColor	设置元素的背景颜色
height	设置元素的高度
width	设置元素的高度
color	设置文本的颜色
font	在一行设置所有的字体属性
font family	设置元素的字体系列
fontSize	设置元素的字体大小

I love JavaScript

3.显示和隐藏 display属性

语法：
object.style.display = "value";

注意：

1. object是获取的元素对象，同上
2. value有none、block、inline、inline-block
   none：此元素不会被显示（隐藏）
   block：将显示为块级元素（显示）

     
 
  
    
JavaScript
  
    
做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。
 
    

        
        
    
 

值得注意：这两种写法都可以

document.getElementById("con").style.display = "none";

var mychar = document.getElementById("con");
 mychar.style.display = "block";

4.控制类名 className属性

className属性设置或者返回元素的class属性
语法：object.className = classname;
作用：

1. 获取元素的class属性
2. 为网页内的某个元素指定一个CSS样式来更改元素的外观

  
    
    
    
    

    
 JavaScript使网页显示动态效果并实现与用户交互功能。
    
    
JavaScript使网页显示动态效果并实现与用户交互功能。