JS获取html对象的几种方式介绍

原创 2013年12月05日 16:38:07
document.getElementById("zx");

通过ID获取html元素对象,ID号在html文档当中应该是唯一的。返回的是唯一element对象。并且所有浏览器都兼容。

document.getElementsByTagName("span")[0];

通过标签查找html对象,由于html标签在一个页面中可能重复很多次,所以当前页面返回的是一个数组。可以根据标签出现的位置定位元素的对象。所有浏览器都兼容。


document.getElementsByName("hh")[0];

通过name属性来定位html对象,但是并不是所有标签都有name属性,但是我们可以人为的加上name属性,这样也可以定位到,由于name属性可能有多个,不唯一。所以这个方法返回的也是一个数组,同样我们也可以根据html当中name的位置,进行对name的定位。IE系列不兼容,不推荐使用。


innerHTML:这个方法是获取该html元素的具体html代码

document.getElementById("zx").innerHTML;

还可以更新元素的html代码:

document.getElementById("zx").innerHTML="<b>我们约会吧~</b>";

如何在javascript中获取dom对象

javascript dom操作!!!
  • zxjiayou1314
  • zxjiayou1314
  • 2015年05月18日 21:47
  • 666

javascript 获取HTML DOM对象五种方式

获取DOM对象有5种方式: 1.document.getElementById('id');//返回结果是一个对象,如果存在两个标签拥有相同id,则返回第一个标签对象。 2.document.ge...
  • woniuguanjun
  • woniuguanjun
  • 2014年06月05日 23:40
  • 1964

JS中对象定义的几种方式

JS中对象定义的几种方式 前言 无参数创建对象 有参数创建对象 使用默认的Object兑现创建 自描述形式创建对象 注 【前言】关于JS中的”对象“,可以参照面向对象中的”对象“概念来理解,尽管其中有...
  • ecjtusbs
  • ecjtusbs
  • 2016年11月04日 18:15
  • 182

获取spring的applicationContext的几种方式

转自:http://www.blogjava.net/Todd/archive/2009/09/15/295112.html 方法一:在初始化时保存ApplicationContext对象 代码:...
  • u010743716
  • u010743716
  • 2013年11月25日 16:57
  • 1531

Js 获取HTML DOM节点元素的几种方法

在Web应用程序特别是Web2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式、内容等。如何获取要更新的元素,是首先要解决的问题。令人欣慰的是,使用JavaScript获取节点的方法有很...
  • lzkkevin
  • lzkkevin
  • 2011年08月10日 11:26
  • 2718

js获取html对象

使用js获取html对象有三种方法: getElementById, getElementsByName和getElementsByTagName。 method args result ...
  • secret5
  • secret5
  • 2016年10月10日 21:45
  • 475

归纳下js面向对象的几种常见写法

//定义Circle类,拥有成员变量r,常量PI和计算面积的成员函数area()  1.工厂方式 var Circle = function() { var obj = new ...
  • sd19871122
  • sd19871122
  • 2016年11月28日 17:19
  • 296

JS创建对象几种不同方法详解

1、工厂模式弊端:没有解决对象的识别问题,即怎么知道一个对象的类型。 2、构造函数模式 与工厂模式相比: 1、没有显式的创建对象 2、直接将属性和方法赋给了this对象 3、没有return...
  • liuyan19891230
  • liuyan19891230
  • 2016年02月29日 14:28
  • 6825

JavaScript基础——面向对象的程序设计(一)创建对象的几种方式总结

简介 面向对象(Object-Oriented, OO)的语言有一个标志,那就是它们都有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。前面提到过,ECMAScript中没有类的概念,因...
  • Goskalrie
  • Goskalrie
  • 2016年06月03日 13:09
  • 3469

JavaScript中的对象,如何创建对象,创建对象的7种模式

ECMA-262把对象定义为:”无需属性的集合,其属性可以包含基本值、对象或者函数。”严格来讲,这就相当于说明对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字,而每个名字都映射到一个值。正...
  • u014346301
  • u014346301
  • 2016年08月14日 16:33
  • 9611
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS获取html对象的几种方式介绍
举报原因:
原因补充:

(最多只允许输入30个字)