Javascript中DOM的使用

1. DOM操作：（document，HTML里面的元素（标签）操作，样式，javascript）

   1. document对象的集合

      1. document.images: 返回所有的图片数组。 

2. document.links: 获取所有的links数组。  （获取a标签的元素，结果是一个数组）

2. document 对象属性

   1. body
   2. cookie
   3. domain : 域名
   4. title： 标题
   5. URL： url地址    http://www.woniuxy.com/
3. document对象方法

   1. 方法：

      1. write（）  ，在html的body中写入
      2. getElementById(“id的值”)；返回id元素的对象。
      3. getElementsByClassName(“class 的值”)： 返回class 元素对象的列表
      4. getElementsByTagName(“标签名”)：返回标签元素对象列表
      5. getElementsByName(“name的值”)：返回name元素的列表。

4. 使用

   1. 获取元素的文本： 元素对象.innerHTML , 元素对象.innerText
   2. 获取元素的属性： 元素对象.属性名；

3. 修改元素的属性： 元素对象.属性名=“新的属性值”

4. 在元素上添加新的属性：  元素对象.属性名=“新的属性值”；

例子：

2. 新增元素

   1. 第一步： 创建一个元素： document.createElement(“标签名”)；
   2. 第二步： 修改元素的属性 或 值 （不是必须的）
   3. 第三步：把创建好的元素添加到页面上。

例子：

3. 删除元素

   1. 元素对象.remove（）

 

总结：

1. 可以通过javascript 获取HTML中的任意元素值和属性
2. 可以通过javascript修改HTML中任意元素的值的属性。（前提是确实能被改的属性或值）
3. 可以通过javascript修改在HTMl 中添加或删除元素。