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 相关文章推荐
datePicker——日期选择控件(with jquery)
Feb 20 Javascript
JavaScript URL参数读取改进版
Jan 16 Javascript
javascript仿qq界面的折叠菜单实现代码
Dec 12 Javascript
JS获取单击按钮单元格所在行的信息
Jun 17 Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
Oct 17 Javascript
jQuery实现瀑布流布局详解(PC和移动端)
Sep 01 Javascript
js如何准确获取当前页面url网址信息
Sep 13 Javascript
原生js实现对Ajax的封装(仿jquery)
Jan 22 Javascript
详解Angularjs 如何自定义Img的ng-load 事件
Feb 15 Javascript
JS判断两个对象内容是否相等的方法示例
Apr 10 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
Jul 13 Javascript
详解vue 项目白屏解决方案
Oct 31 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
不用mod_rewrite直接用php实现伪静态化页面代码
2008/10/04 PHP
PHP 编程安全性小结
2010/01/08 PHP
PHP排序算法的复习和总结
2012/02/15 PHP
jQuery 获取URL参数的插件
2010/03/04 Javascript
Date对象格式化函数代码
2010/07/17 Javascript
将input file的选择的文件清空的两种解决方案
2013/10/21 Javascript
jQuery遍历Table应用示例
2014/04/09 Javascript
JS实现至少包含字母、大小写数字、字符的密码等级的两种方法
2015/02/03 Javascript
JavaScript实现俄罗斯方块游戏过程分析及源码分享
2015/03/23 Javascript
js面向对象之公有、私有、静态属性和方法详解
2015/04/17 Javascript
JS模拟键盘打字效果的方法
2015/08/05 Javascript
Window.Open打开窗体和if嵌套代码
2016/04/15 Javascript
js倒计时显示实例
2016/12/11 Javascript
Vue2.0结合webuploader实现文件分片上传功能
2018/03/09 Javascript
详解Vue-cli中的静态资源管理(src/assets和static/的区别)
2018/06/19 Javascript
JS实现简单的点赞与踩功能示例
2018/12/05 Javascript
基于Vue和Element-Ui搭建项目的方法
2019/09/06 Javascript
javascript异常处理实现原理详解
2020/02/17 Javascript
jQuery实现增删改查
2020/12/22 jQuery
[06:43]2018DOTA2国际邀请赛寻真——VGJ.Thunder
2018/08/11 DOTA
一个月入门Python爬虫学习,轻松爬取大规模数据
2018/01/03 Python
python版学生管理系统
2018/01/10 Python
Python 中的range(),以及列表切片方法
2018/07/02 Python
Python爬虫之网页图片抓取的方法
2018/07/16 Python
Python基于mysql实现学生管理系统
2019/02/21 Python
python3.x+pyqt5实现主窗口状态栏里(嵌入)显示进度条功能
2019/07/04 Python
使用Filter过滤python中的日志输出的实现方法
2019/07/17 Python
关于pandas的离散化,面元划分详解
2019/11/22 Python
mac使用python识别图形验证码功能
2020/01/10 Python
用python-webdriver实现自动填表的示例代码
2021/01/13 Python
CSS3 实现弹跳的小球动画
2020/10/26 HTML / CSS
英国复古服装购物网站:Collectif
2019/10/30 全球购物
《中国的气候》教学反思
2014/02/23 职场文书
学习张丽丽心得体会
2014/09/03 职场文书
满月酒邀请函
2015/01/30 职场文书
2015年信访维稳工作总结
2015/04/07 职场文书