JavaScript 获得对象的N种方法 [转]

方法如下:

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="获取指定对象" οnclick="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>

转载于:https://www.cnblogs.com/myufeiyang/archive/2008/10/22/1316441.html

JavaScript 获得对象的N种方法 [转]相关推荐

JavaScript锁定对象的3种方法
在 JavaScript 中,有时候需要锁定一个对象,有三个方法可供选择: Object.freeze 不能新增属性不能修改属性不能修改已有属性的可枚举性.可配置性.可写性不能删除属性 Obje ...
Javascript 遍历对象的四种方法
方法一: for - in 循环遍历对象自身的和继承的可枚举属性 (循环遍历对象自身的和继承的可枚举属性(不含Symbol属性)) 方法二: 使用Object.keys()遍历 (返回一个数组,包括对 ...
JavaScript判断是否为空对象的几种方法
点击打开视频讲解 <template><div id="app"><h2>JavaScript判断是否为空对象的几种方法</h2>& ...
js 把字符串转成json对象的三种方法
js 把字符串转成json对象的三种方法不管字符串是否含有转义字符,都能转换成 Json 对象 1, js自带的eval函数,其中需要添加小括号eval('('+str+')'); function ...
JavaScript 数组遍历的五种方法（转）
转自:JavaScript 数组遍历的五种方法这篇文章主要介绍了JavaScript 数组遍历的五种方法,帮助大家更好的理解和学习使用JavaScript,感兴趣的朋友可以了解下在使用 JavaS ...
java 匿名list,java创造匿名对象的两种方法
在java中有时候需要一些匿名对象的使用.可能有些小伙伴拿还不会创造,其实我们在学习一些方法时都或多或少的接触过.本篇所要讲到的创造匿名对象总结了两种方法,分别是静态工具方法和Lambda表达式,我们 ...
javascript 数组对象中的迭代方法
/* javascript 数组对象中的迭代方法 * ECMAScript5为数组定义了5个迭代方法.每个方法都接受两个参数,第一个是进行迭代的函数,第二个是该函数的作用域对象[可选]. * 进行迭代 ...
在Action类中获得HttpServletResponse对象的四种方法
Struts2:在Action类中获得HttpServletResponse对象的四种方法在struts1.x Action类的execute方法中,有四个参数,其中两个就是response和req ...
python比较两个数的和_Python中的is和==比较两个对象的两种方法
Python中的is和==比较两个对象的两种方法在Python中有两种方式比较两个对象是否相等,分别是is和==,两者之间是不同的 ==比较的是值(如同java中的equals方法) is比较的是引 ...

JavaScript 获得对象的N种方法 [转]

JavaScript 获得对象的N种方法 [转]相关推荐

最新文章

热门文章