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

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>

赞 (0)

相关推荐

  • javascript中获取选中对象的类型

    在Javascript中 利用 document.selection 可以创建 textRange. 但其实不是什么时候都可以创建的. 我们可以利用 document.selection.type 来判断当前选中的是文本还是对象. document.selection.type 返回三个值 "None" "Text" "Control" 只有当返回值是 Text 时,创建的textRange才是有效的.

  • JavaScript 获取事件对象的注意点

    平时我们获取事件对象一般写法如下: 复制代码 代码如下: function getEvent(event) { return event || window.event // IE:window.event } 如果没有参数,也可写成(非IE :事件对象会自动传递给对应的事件处理函数,且为第一个参数): 复制代码 代码如下: function getEvent() { return arguments[0] || window.event // IE:window.event } 这样的写法在除

  • javascript获取鼠标点击元素对象(示例代码)

    IE:var obj=document.elementFromPoint(event.clientX,event.clientY); 获取对象文本var a=obj.innerText FF里面要在事件里面添加对象才可以读取坐标. HTML:onclick="gj(event)" JS: 复制代码 代码如下: function gj(event){ var b=objobj=document.elementFromPoint(event.clientX,event.clientY);}

  • javascript,php获取函数参数对象的代码

    例如: 复制代码 代码如下: function say () { alert (arguments[0]+'说:'+arguments[1]); } say ('fanglor','fanglor is a boy !'); 结果:弹出 fanglor 说:fanglor is a boy ! -------------------------------------------------------------------------------- 这个有点类似于php 中的 func_ge

  • JavaScript中获取未知对象属性的代码

    JavaScript中获取未知对象属性的代码

    这两天尝试写个AjaxToolkit:AsyncFileUpload的Demo, 它有个OnClientUploadComplete属性可以关联客户端JS, 于是可以写OnClientUploadComplete="uploadComplete", 然后定义uploadComplete方法: 复制代码 代码如下: function uploadComplete(sender, e) { //Do something here... } 但是, 怎么从e获得上传文件的信息呢? 除了看Aj

  • JavaScript获取flash对象与网上的有所不同

    关于js获取flash对象,网上有非常多的例子,我也尝试了不少方法. 虽然都能用,但是没有我最想要的东西, 后来看了下百度的,虽然很规范,各种情况都考虑到了,但是代码量却不是不容乐观, 前前后后将近20行代码,压缩后也有 864 个字节. 所以本文诞生了. 我想测试并分享下网上收集的几种我比较满意的方法. 也顺便请大家帮忙测试下兼容性,有不兼容的在下面留个言,最好写上浏览器版本,这样我也好测试并修复代码. 下面来看代码吧. 复制代码 代码如下: function getFlashMovieObj

  • Javascript中获取对象的原型对象的方法小结

    在Javascript中,如果我们有一个对象但是又不知道它的构造函数时,如何获取它的原型对象呢? 在Chrome中或是FireFox浏览器中,我们可以直接使用对象的__proto__属性获取它的原型对象. 复制代码 代码如下: <!-- lang: js --> function F(){}; var foo = new F(); alert(foo.__proto__ == F.prototype); 但是,__proto__属性在IE浏览器中一直到IE11才被支持. 那么在不支持__pro

  • javascript客户端遍历控件与获取父容器对象示例代码

    1,遍历也面中所有的控件function findControlAll()    {        var inputs=document.getElementsByTagName("input");        for(j=0;j<inputs.length;j++)           if(inputs[j].type=="text") //这儿将页面所有类型为text的控件找出来,也可以设置成你想遍历的控件类型       {            

  • javascript获取函数名称、函数参数、对象属性名称的代码实例

    一.获取函数名称的3种实现方法实例1: 在js权威指南中看到的一个方法: Function.prototype.getName = function(){    return this.name || this.toString().match(/function\s*([^(]*)\(/)[1]} 实例2: 如果当前函数是有名函数,则返回其名字,如果是匿名函数则返回被赋值的函数变量名,如果是闭包中匿名函数则返回"anonymous". 复制代码 代码如下: var getFnName

  • JavaScript获得指定对象大小的方法

    本文实例讲述了JavaScript获得指定对象大小的方法.分享给大家供大家参考.具体如下: function objectSize(the_object) { /* function to validate the existence of each key in the object to get the number of valid keys. */ var object_size = 0; for (key in the_object){ if (the_object.hasOwnPro

随机推荐