JS获取html对象的几种方式说明
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>";
http://www.cnblogs.com/roucheng/
JS获取html对象的几种方式说明的更多相关文章
- JavaScript学习12 JS中定义对象的几种方式
		JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工 ... 
- JavaScript学习12 JS中定义对象的几种方式【转】
		avaScript学习12 JS中定义对象的几种方式 转自: http://www.cnblogs.com/mengdd/p/3697255.html JavaScript中没有类的概念,只有对象. ... 
- 反射:获取Class对象的三种方式
		获取Class对象的三种方式 package lianxiApril18; /** * 获取Class对象的三种方式 * 1 Object ——> getClass(); * 2 任何数据类型( ... 
- Java反射获取class对象的三种方式,反射创建对象的两种方式
		Java反射获取class对象的三种方式,反射创建对象的两种方式 1.获取Class对象 在 Java API 中,提供了获取 Class 类对象的三种方法: 第一种,使用 Class.forName ... 
- 3、获取Class对象的三种方式
		3.获取Class对象的三种方式 要想对字节码文件进行解刨,必须要有字节码文件对象 Object类中的getClass方法 通过对象静态属性 .class来获取对应的Class对象 只要通过给定类的字 ... 
- 反射应用和获取Class对象的三种方式
		一.写一个"框架",可以创建任何对象运行任何方法 1.配置文件 2.使用类加载器ClassLoader,Properties集合是可以和IO流结合使用完成读取和写入数据的集合,方法 ... 
- Java反射获取类对象的三种方式
		package demo01; /* * 获取一个类的class文件对象的三种方式 * 1.对象获取 * 2.类名获取 * 3.Class类的静态方法获取 */ public class Reflec ... 
- Java反射学习-2 - 获取Class对象的三种方式
		package cn.tx.reflect; import java.lang.reflect.Constructor; import java.lang.reflect.Field; import ... 
- java webservice服务器端获取request对象的三种方式
		有的时候在webservice里我们需要获取request对象和response对象,比如想要获得客户端的访问ip的时候就需要这么做,下面说三种方式,当然三种方式可能是针对不同方式部署webservi ... 
随机推荐
- Asp.net Core WebApi 支持json/xml格式的数据返回
			Asp.net core 在做webapi项目的时候,默认是只返回json格式的数据的,如果想要开启xml数据返回,需要在startup里配置如下: public void ConfigureServ ... 
- Hadoop - Zeppelin 使用心得
			1.概述 在编写 Flink,Spark,Hive 等相关作业时,要是能快速的将我们所编写的作业能可视化在我们面前,是件让人兴奋的时,如果能带上趋势功能就更好了.今天,给大家介绍这么一款工具.它就能满 ... 
- Spring 开启Annotation  <context:annotation-config> 和 <context:component-scan>诠释及区别
			<context:annotation-config> 和 <context:component-scan>的区别 <context:annotation-config& ... 
- android 开发 - 网络图片加载库 Fresco 的使用。
			概述 Fresco 是 facebook 的开源类库,它支持更有效的加载网络图片以及资源图片.它自带三级缓存功能,让图片显示更高效. 介绍 Fresco 是一个强大的图片加载组件. Fresco 中设 ... 
- 14款让前端开发者心动的jQuery/CSS3插件及源码
			14款让前端开发者心动的jQuery/CSS3插件及源码,一起来看看. 1.jQuery左右滚动banner代码! DEMO演示 / 源码下载 2.jQuery QQ表情插件qqFace ... 
- 内容营销三大实用法则(内含干货)-同样可运用在EDM数据营销中
			内容为王的时代,注重内容的发展才能屹立于互联网的浪潮之中.一个优秀内容在搜寻引擎优化.用户互动,促进销售等方面都扮演重要的角色,博主在这方面深有体会,但是很多人往往走向事情的反面,不注重实际的内容,而 ... 
- 译:用InnoSetup模块化安装依赖项
			译文出处:http://www.codeproject.com/Articles/20868/NET-Framework-Installer-for-InnoSetup 源文件下载:http://fi ... 
- Node.js 的module 系统
			相较于原生的JavaScript,不同的JavaScript文件之间很难共享变量.有鉴于此,Node.js在JavaScript的基础上进行了扩充,引入了require,exports,module三 ... 
- jdk的设置及安装android studio提示does not point to a valid jvm问题
			设置方法: 我的电脑->属性->高级->环境变量->系统变量中添加以下环境变量: JAVA_HOME值为:安装JDK的目录, 我的为C:\Program Files\Java\ ... 
- QCopChannel的用法
			QT提供了很多的进程间通讯的方法,例如共享内存,QProcess等等.但有一种方法是嵌入式端所独有的,那就是Qt Communications Protocol(QCOP)QT通讯协议,这种方法只能用 ... 
