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 css在IE和Firefox中区别分析
Feb 18 Javascript
基于jQuery的js分页代码
Jun 10 Javascript
jquery DIV撑大让滚动条滚到最底部代码
Jun 06 Javascript
Jquery时间验证和转换工具小例子
Jul 01 Javascript
Jquery方式获取iframe页面中的 Dom元素
May 07 Javascript
gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
Feb 21 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
Mar 18 Javascript
jQuery实现的右下角广告窗体跟随效果示例
Sep 16 Javascript
vue导出html、word和pdf的实现代码
Jul 31 Javascript
vue 项目接口管理的实现
Jan 17 Javascript
13 个npm 快速开发技巧(推荐)
Jul 04 Javascript
JavaScript经典案例之简易计算器
Aug 24 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源码之explode使用说明
2011/08/05 PHP
基于PHP Web开发MVC框架的Smarty使用说明
2013/04/19 PHP
php命名空间学习详解
2014/02/27 PHP
ThinkPHP中调用PHPExcel的实现代码
2017/04/08 PHP
PHP调用Mailgun发送邮件的方法
2017/05/04 PHP
PHP与JavaScript针对Cookie的读写、交互操作方法详解
2017/08/07 PHP
用javascript操作xml
2006/11/04 Javascript
一个网马的tips实现分析
2010/11/28 Javascript
从零学JSON之JSON数据结构
2014/05/19 Javascript
jQuery函数的第二个参数获取指定上下文中的DOM元素
2014/05/19 Javascript
超炫的jquery仿flash导航栏特效
2014/11/11 Javascript
深入浅析JavaScript系列(13):This? Yes,this!
2016/01/05 Javascript
jQuery获取浏览器类型和版本号的方法
2016/07/05 Javascript
plupload+artdialog实现多平台上传文件
2016/07/19 Javascript
AngularJS ng-repeat指令及Ajax的应用实例分析
2017/07/06 Javascript
Vue+element-ui 实现表格的分页功能示例
2018/08/18 Javascript
bootstrap table表格插件之服务器端分页实例代码
2018/09/12 Javascript
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
2019/03/06 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
2019/08/05 Javascript
React+Redux实现简单的待办事项列表ToDoList
2019/09/29 Javascript
[02:34]DOTA2英雄基础教程 幽鬼
2014/01/02 DOTA
Python语言技巧之三元运算符使用介绍
2013/03/04 Python
Python守护进程用法实例分析
2015/06/04 Python
Python实现一个Git日志统计分析的小工具
2017/12/14 Python
如何使用VSCode愉快的写Python于调试配置步骤
2018/04/06 Python
执行Python程序时模块报错问题
2020/03/26 Python
python多线程实现同时执行两个while循环的操作
2020/05/02 Python
Python 如何对文件目录操作
2020/07/10 Python
Python调用C/C++的方法解析
2020/08/05 Python
pycharm 的Structure界面设置操作
2021/02/05 Python
韩国三星旗下的一家超市连锁店:Home Plus
2016/07/30 全球购物
扩大国家免疫规划实施方案
2014/03/21 职场文书
2015元旦标语横幅
2014/12/09 职场文书
高中教师个人总结
2015/02/10 职场文书
MATLAB 如何求取离散点的曲率最大值
2021/04/16 Python
基于Go Int转string几种方式性能测试
2021/04/28 Golang