HTML DOM对象

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

时间: 2024-10-25 04:48:03

HTML DOM对象的相关文章

IE与FireFox的DOM对象树差异

 最近在做项目,有复习一下以前JS的关于DOM的知识点,再次小小的总结一下. 以下是DOM对象在IE与FireFox中的一些小区别,就当积累吧. 1.IE会把没有在文档中定义的属性也加入DOM树 2.IE不会把title中的文本内容加入DOM树 3.IE会把换行缩进信息过滤掉,firefox则会认为是有用的文本内容,并作为文本节点的一部分加入DOM树 4.IE不会把Script标签中的内容加入DOM树,FireFox将里面的内容加入DOM树

jQuery DOM对象区别与联系

对两种对象类型的定义,只要能理解并转换成自己的说法就可以,不用死板按照资料所写 jQuery对象(jq对象)其实就是通过jquery类库选择器获得的对象(或者说是通过$获取的对象或者说是通过jquery包装dom对象后产生的对象(可参照下面的对象转换理解)): jquery对象是jquery独有,可以使用jquery里面的方法,但不能使用dom的方法: 示例: $("#img").attr("src", "test.jpg");其中$("

jQuery对象与DOM对象转换

原文链接 http://www.cnblogs.com/ouyangping/p/6439939.html jQuery对象与DOM对象是不一样的 通过一个简单的例子,简单区分下jQuery对象与DOM对象: <p id="imooc"></p> 我们要获取页面上这个id为imooc的div元素,然后给这个文本节点增加一段文字:"hello,world",并且让文字颜色变成红色. 通过标准JavaScript处理: var p = docum

DOM对象和js对象以及jQuery对象的区别

一.DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口. DOM实际上是以面向对象方式描述的文档模型.DOM定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系. 通过DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性.可以对其中的内容进行修改和删除,同时也可以创建新的元素. HTML DOM 独立于平台和编程语言.它可被任何编程语言诸如 Java.JavaScript 和 VBScript 使用. DOM对象,即是我们用

jQuery基础(样式篇,DOM对象,选择器,属性样式)

1. $(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用. $(document).ready(function() {   内容  }); 1.jQuery对象与DOM对象   jQuery对象与DOM对象是不一样的 普通处理,通过标准JavaScript处理: var p = document.getElementById

Jquery对象和DOM对象的区别

1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象;复制代码 代码如下: var domObj = document.getElementById("id"); //DOM对象var $obj = $("#id"); //j

jquery对象转化为DOM对象

<html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="http://code.jquery.com/jquery-1.11.3.js"></script></head> <bo

jQuery - 01. jQuery特点、如何使用jQuery、jQuery入口函数、jQuery和DOM对象的区别、jQuery选择器、

this指的是原生js的DOM对象 .css(""):只写一个值是取值,写俩值是赋值 window.onload   ===   $(document).ready(); $(""):获取元素   标签名..类名.#id jQuery特点 链式编程 jq.shou(3000).html(内容) 相当于 jq.shou(3000) jq.gtml(内容) 隐式迭代 隐式实用for循环.迭代 如何使用jQuery 引包 一定要在使用之前 <script src =

dom对象

一般常用的几个dom对象的函数 var oDiv =document.createElement("div"); var text =document.createTextNode("baidu.com"); oDiv.appendChild(text); var op=document.getElementById('ppp') document.body.insertBefore(oDiv,op); var pa=document.getElementById(

什么是jquery $ jQuery对象和DOM对象 和一些选择器

1什么是jQuery: jQuery就是将一些方法封装在一个js文件中.就是个js库 我们学习这些方法. 2为什么要学习jQuery: 原生js有以下问题: 1.兼容性问题2.代码重复3.DOM提供的方法名太长,难记4.代码容错性较差5.入口函数只能有一个,如果出现多个,后面的会把前面的覆盖掉 3 jQuery版本介绍: 大版本 : 1 2 3 1 兼容ie6.7.8 2 3 不兼容 小版本: 压缩版(生产环境中用) 没有注释 没有换行 没有空格 变量名 都是 a b c d 这种模式 体积特别