JavaScript获取当前页面上的指定对象示例代码


Posted in Javascript onFebruary 28, 2014

JavaScript如何获取当前页面上的指定对象.

方法如下:

document.getElementById(ID) //获得指定ID值的对象 
document.getElementsByName(Name) //获得指定Name值的对象数组 
document.all[] //很智能的东东 不过非WEB标准 
document.getElementsByTagName //获得指定标签值的对象数组

下面给出例子,只需把注释去掉直接运行就可看出效果.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
</HEAD> <BODY> 
<form method="post" name="mainFrm" action=""> 
<input type="hidden" name="text" id="text" style="width:100%" value="练习而已"> 
<input type="hidden" name="organizationId" style="width:100%" value="验证DOCUMENT.ALL"> 
<table width="100%" border="1"> 
<tr height="22"> 
<td width="15%" align="right">库存组织:</td> 
<td width="20%"><input type="text" name="organizationId" id="organizationId" style="width:100%" value="库存组织"></td> 
</tr> 
<tr> 
<td width="15%" align="right">子库编码:</td> 
<td width="20%"> 
<select name="subinventoryCode" style="width:100%" id="subinventoryCode"> 
<option value="QTWL">QTWL</option> 
<option value="BTSPT">BTSPT</option> 
<option value="BTS">BTS</option> 
</select> 
</td> 
</tr> 
<tr height="22"> 
<td colspan="2" align="center"><input type="button" value="获取指定对象" onclick="do_check()"></td> 
</tr> 
</table> 
</form> 
</BODY> 
</HTML> 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
function do_check(){ 
// getElementById:就是通过ID来取得元素,所以只能访问设置了ID的元素。 
// 方法的返回值能确保为你所需要的对象,因为整个页面中一个对象的ID值是唯一的. 
// var organizationId = document.getElementById("organizationId"); 
// alert(organizationId.value); 

// getElementsByName:就是通过NAME来获得元素. 
// 方法的返回值为一个数组,即使在整个页面中只有一个name属性为给定值的对象,它也会以数组的方式返回. 
// 只不过这时的数组长度为一罢了. 
// var organizationId = document.getElementsByName("organizationId"); 
// alert(organizationId[0].value); 
// alert(organizationId.length); 
// getElementsByTagName:通过TAGNAME(标签名称)来获得元素,一个DOCUMENT中当然会有相同的标签, 
// 所以这个方法和getElementsByName基本相识也是取得一个数组,只是获取对象的方式上的区别. 
// var inputs = document.getElementsByTagName("input"); 
// alert(inputs.length); 
// alert(inputs[0].value); 
// alert(inputs[1].value); 
// alert(inputs[2].value); 
// document.all[]是文档中所有标签组成的一个数组变量,包括了文档对象中所有元素. 
// 一般通过名字去获取指定元素,不过它比getElementsByName要智能一点就是如果符合条件的对象有一个则返回此对象,多个会以数组的形式返回 
// var organizationId = document.all["organizationId"]; 
// alert(organizationId[0].value) 
// document.all["organizationId"] 
// document.all.item("organizationId") 
} 
//--> 
</SCRIPT>
Javascript 相关文章推荐
javascript 函数参数限制说明
Nov 19 Javascript
js变量以及其作用域详解
Jul 18 Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
May 23 Javascript
jQuery操作Select选择的Text和Value(获取/设置/添加/删除)
Mar 06 Javascript
轻松实现js图片预览功能
Jan 18 Javascript
JQuery日历插件My97DatePicker日期范围限制
Jan 20 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
Mar 31 Javascript
AngularJS用户选择器指令实例分析
Nov 04 Javascript
浅谈js中function的参数默认值
Feb 20 Javascript
前端自动化开发之Node.js的环境搭建教程
Apr 01 Javascript
详细分析单线程JS执行问题
Nov 22 Javascript
微信小程序转化为uni-app项目的方法示例
May 22 Javascript
jquery获取当前点击对象的value方法
Feb 28 #Javascript
经过绑定元素时会多次触发mouseover和mouseout事件
Feb 28 #Javascript
判断某个字符在一个字符串中是否存在的js代码
Feb 28 #Javascript
如何设置一定时间内只能发送一次请求
Feb 28 #Javascript
js中settimeout方法加参数
Feb 28 #Javascript
js校验表单后提交表单的三种方法总结
Feb 28 #Javascript
js对象转json数组的简单实现案例
Feb 28 #Javascript
You might like
PHP与SQL注入攻击[三]
2007/04/17 PHP
基于initPHP的框架介绍
2013/04/18 PHP
yii2实现 &quot;上一篇,下一篇&quot; 功能的代码实例
2017/02/04 PHP
PHP实现的用户注册表单验证功能简单示例
2019/02/25 PHP
jquery DIV撑大让滚动条滚到最底部代码
2013/06/06 Javascript
js菜单点击显示或隐藏效果的简单实例
2014/01/13 Javascript
JSONP跨域GET请求解决Ajax跨域访问问题
2014/12/31 Javascript
Jquery注册事件实现方法
2015/05/18 Javascript
jQuery隐藏和显示效果实现
2016/04/06 Javascript
JQuery为元素添加样式的实现方法
2016/07/20 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
2016/10/10 Javascript
浅谈JS函数定义方式的区别
2016/10/30 Javascript
Vue自定义指令介绍(2)
2016/12/08 Javascript
Require.js的基本用法详解
2017/07/03 Javascript
微信小程序分页加载的实例代码
2017/07/11 Javascript
JS添加或删除HTML dom元素的方法实例分析
2019/03/05 Javascript
Python 拷贝对象(深拷贝deepcopy与浅拷贝copy)
2008/09/06 Python
python多重继承实例
2014/10/11 Python
跟老齐学Python之折腾一下目录
2014/10/24 Python
Python实现将罗马数字转换成普通阿拉伯数字的方法
2017/04/19 Python
Scrapy的简单使用教程
2017/10/24 Python
django的登录注册系统的示例代码
2018/05/14 Python
python中yield的用法详解——最简单,最清晰的解释
2019/04/04 Python
mac系统下Redis安装和使用步骤详解
2019/07/09 Python
详解python实现小波变换的一个简单例子
2019/07/18 Python
加拿大城市本地限时优惠:Buytopia.ca
2018/09/19 全球购物
全球烹饪课程的领先预订平台:Cookly
2020/01/28 全球购物
2014年乡镇领导个人整改措施
2014/09/19 职场文书
汇报材料怎么写
2014/12/30 职场文书
2015入党自荐书范文
2015/03/05 职场文书
2014年度个人工作总结范文
2015/03/09 职场文书
护士2015年终工作总结
2015/04/29 职场文书
2015年环保局工作总结
2015/05/22 职场文书
烈士陵园观后感
2015/06/08 职场文书
普希金的诗歌赏析(3首)
2019/08/20 职场文书
5分钟教你docker安装启动redis全教程(全新方式)
2021/05/29 Redis