JavaScript入门学习5 DOM操作2

1. 通过ID获取元素 ：标签的id属性值是唯一的

    document.getElementById(“id”)

2.innerHTML 属性:  innerHTML 属性用于获取或替换 HTML 元素的内容。

    Object.innerHTML

   document.write("原标题:"+mychar.innerHTML+"<br>");

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

3.改变 HTML 样式  : HTML DOM 允许 JavaScript 改变 HTML 元素的样式

   Object.style.property=new style;

    eg:mychar.style.backgroundColor ="blue";

  

mychar.style.backgroundColor ="blue";

  注意:该表只是一小部分CSS样式属性，其它样式也可以通过该方法设置和修改

  4.显示和隐藏（display属性）:  网页中经常会看到显示和隐藏的效果，可通过display属性来设置。

     Object.style.display = value

5.控制类名（className 属性）:  className 属性设置或返回元素的class 属性。

   object.className = classname

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