常见的HTML DOM对象

Image          var img = new Image();  img.src="";

Table          var table = document.createElement(‘table‘);

TableRow       var tr= table.insertRow( );

相当于  var tr = document.createElement(‘tr‘);

table.appendChild( tr );

TableCell          var td= tr.insertCell( );

相当于  var td = document.createElement(‘td‘);

tr.appendChild( td );

Form           表单对象   form.submit( );

Text

Password

Textarea

Select         select.add( opt )

Option         var opt = new Option(text, value)

时间: 2025-01-08 17:22:48

常见的HTML DOM对象的相关文章

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对象(2)

<html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>获取dom对象</title> </head> <body> <input name="btn1" type="button" value="myb

区别jquery对象和dom对象及转换方法

一.jquery对象 由$() 获取,例如 var div = $("#id"); 这个div是jquery对象,它里面没有dom对象自带的方法.常见的dom对象自带的方法, 例如 div.innerHTML(); 本人以第一次出现的这个错误是写video 标签,得到的jquer对象使用了dom 对象的方法,结果无效.后来认真考虑了这个问题. 二.dom对象 由document.getElement..得到,这个对象是正宗的dom对象, 拥有元素自带的所有方法. 所以有一个不成文的规定

怎样区分JQuery对象和Dom对象 常用的写法

第一步,http://www.k99k.com/jQuery_getting_started.html 第二步,新手先仔细得全部看一遍jQuery的选择器,很重要!!! (http://shawphy.com/jqueryapi/ 这里是最新文档,有离线版下载) 第三步,深刻了解jQuery对象和普通DOM对象的区别.互相转化见Q1 Q1,js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的$("#save&quo

前端之JavaScript:JS之DOM对象三

js之DOM对象三 一.JS中for循环遍历测试 for循环遍历有两种 第一种:是有条件的那种,例如    for(var i = 0;i<ele.length;i++){} 第二种:for (var i in li ){} 现在我们来说一下测试一下第二种(数组和obj的) 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8">

js之DOM对象三

js之DOM对象三 一.JS中for循环遍历测试 for循环遍历有两种 第一种:是有条件的那种,例如    for(var i = 0;i<ele.length;i++){} 第二种:for (var i in li ){} 现在我们来说一下测试一下第二种(数组和obj的) 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8">

jQuery入门和DOM对象

jQuery入门和DOM对象 1.开发准备 1. 下载的版本: jquery-3.3.1.min.js :压缩版,发布版84.8KB jquery-3.3.1.js :常规版,开发版265KB 2. 开发工具: ? hbuilder webstrom(推荐) dreamweaver idea ? notepad++ 3. 使用: ? 引入jQuery html中 如果出错,不提示! 如果调试工具(F12)没有错误提示,但显示效果不一致,考虑html错误 常见错误: 引入js库时 必须是 <scr

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");其中$("