码迷,mamicode.com
首页 > Web开发 > 详细

HTML DOM对象

时间:2016-03-08 23:06:07      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:

1.HTML DOM概述
  HTML DOM定义了用于HTML的一系列标准的对象,以及访问和处理HTML文档的标准方法
  HTML标签对象化
    将网页中的每个元素都看作一个对象
2.标准DOM与HTML DOM
  标准DOM提供了统一的操作接口
    createElement
    appendChild
    setAttribute
    removeAttribute
    nodeName
    ...
  HTML DOM提供了封装好的各种对象
    Image
    Select
    Option
  标准DOM实现方式
    var newNode = document.createElement("img");
  HTML DOM的实现方式
    var newNode = new Image();
  操作节点,如创建、删除、查找等
    使用标准DOM操作
  操作属性,如读取或者修改属性的值
    使用HTML DOM操作
2.Select对象
  Select对象代表HTML表单中的一个下拉列表
    <select> 标签即表示一个Select对象
  常用属性
    options、selectedIndex、size
  常用方法
    add(option)、remove(index)
  事件
    onchange
3.Option对象
  Option对象代表HTML表单中下拉列表中的一个选项
    <option>标签表示一个Option对象
  创建对象
    var o = new Option(text,value);
  常用属性
    index、text、value、selected
4.Table对象
  Table对象代表一个HTML表格
    <table>标签表示一个Table对象
  常用属性
    row、cells
  常用方法
    insertRow(index):返回TableRow对象
    deleteRow(index)
5.TableRow对象
  TableRow对象代表一个HTML表格行
    <tr>标签表示一个TableRow对象
  常用属性
    cells、innerHTML、rowIndex
  常用方法
    insertCell(index):返回TableCell对象
    deleteCell(index)
6.TableCell对象
  TableCell对象代表一个HTML表格单元格
    <td>标签表示一个TableCell对象
  常用属性
    cellIndex、innerHTML、colSpan、rowSpan

HTML DOM对象

标签:

原文地址:http://www.cnblogs.com/Crow0/p/5255593.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!