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

最新推荐文章于 2022-11-13 22:44:21 发布
最新推荐文章于 2022-11-13 22:44:21 发布
阅读量83 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/LHNing/archive/2012/03/01/2376110.html
版权

http://www.cnblogs.com/myufeiyang/archive/2008/10/22/1316441.html

方法如下:

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/LHNing/archive/2012/03/01/2376110.html

weixin_30247781
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中获取对象属性的几种方法举例及其说明
闲岁的博客
11-12 7466
首先我们有这样一个对象： var o = {}; var c = Symbol(); Object.defineProperties(o, { a: { value: 1, }, b: { enumerable: true, configurable: true, value: 5, }, [c]: {
获取JavaScript对象的方法
Martin 的博客
08-21 299
写定义一个对象，如var a = new Array()，debugger,然后执行F12控制台的开发者模式下，进入断点，断点里面 会显示所有的方法的。 var a = new Array(); debugger; 这一技巧尤其是echart绘图过程中很实用的 源自：http://ask.csdn.net/questions/651177?ref=myrecomme
js获取元素对象的几种方法
最新发布
zhuyilong11的博客
11-13 3637
js获取元素对象的几种方法
JavaScript创建对象的七种方式，快来GET
qq_37987993的博客
08-22 179
1.构造函数创建对象 // 1.{}直接创建对象 var obj1 = {}; obj1.name = 'Xiaoming'; obj1.sayHi = function(){ console.log('你好'); } 缺点：创建多个对象时会产生大量的重复代码 2.Object构造函数创建对象 // 2.Object构造函数创建对象 var obj2 = new Object(); obj2.name = 'Xiaoming'; obj2.sayHi = function(){ con
JS之document对象（找元素、操作内容、操作属性、操作样式及4道例题）
09-22 417
document对象 一、找元素 1.根据id找 示例： <input id = "a" type="button" value="找元素" onclick="Show()" /> function Show() { alert(document.getElementById("a")); } 输出的结果是[objectHT...
js获取对象的方法
Ma10110517的博客
03-31 7360
获取标签对象的方法 获取标签对象的方法 1） 通过id获取 document.getElementById(‘box1’) 2） 通过类名获取 var boxs =document.getElementsByClassName(‘box’); 得到的结果是一个类数组格式，可以通过下标获取对象boxs[0], 如果下标超过最大长度得到undefined而不会报错 3) 通过标签名获取var lis=document.getElementsByTagName(‘li’); 得 到的结果是一个类数组格式，
JavaScript获得指定对象大小的方法
12-09
本文实例讲述了JavaScript获得指定对象大小的方法。分享给大家供大家参考。具体如下： function objectSize(the_object) { /* function to validate the existence of each key in the object to get the number ...
JavaScript基于对象去除数组重复项的方法
11-23
然而，JavaScript对象的一个特性——键的唯一性，为解决这个问题提供了一种高效且简洁的方法。 首先，我们需要了解JavaScript对象的键值对特性。在JavaScript对象中，每个键都是唯一的，如果有重复的键，后面的值会...
JavaScript函数的4种调用方法详解
12-12
明确构造函对象的过程4.学会使用上下文调用函数 一、函数调用形式 函数调用形式是最常见的形式，也是最好理解的形式。所谓函数形式就是一般声明函数后直接调用即是。例如： 代码如下:// 声明一个函数，并调
Javascript定义类（class）的三种方法详解
10-24
本文将详细解释三种在JavaScript中定义类的方法：构造函数法、Object.create()法以及极简主义法。 1. 构造函数法 构造函数法是最常见的模拟类的方式，通过使用函数作为类的模板。构造函数通常以大写字母开头，表示...
Document 对象的常用方法
weixin_34130269的博客
02-19 268
1、getElementById(id)   通过元素的ID访问元素，这是DOM一个基础的访问页面元素的方法，我们要经常用到它.   例如下面的例子，我们可以同DIV的ID迅速的访问到它，而不必通过DOM层层遍历，   &lt;body&gt; &lt;div id=’divid’&gt;&lt;p&gt;h&lt;/p&gt; Just for testing; &lt;/di...
JAVASCRIPT获取对象的N多方法!
热门推荐
潮湿的沼泽地
03-15 1万+
工作已有半年多了,回头看一下好象没有学到什么东西,有一种虚无缥缈的感觉.所以决定赶快把自己学到的一些好东西和大家分享一下,也可以使自己温习一下.先回想以下JavaScript的一些东西吧,首先是一些基本知识,如何获取当前页面上的指定对象.方法如下:document.getElementById(ID)       //获得指定ID值的对象document.getElementsByNa
JavaScript：JavaScript中常见获取对象元素的方法
dienangpiao2051的博客
08-31 783
介绍： 　　javascript中常见的3种获取元素的方法，分别是通过元素ID、通过标签名字和通过类名字来获取 操作如下： 1、getElementById 　　DOM提供了一个名为getElementById的方法，这个方法将返回一个与之对应id属性的节点对象。使用的时候请注意区分大小写。 它是document对象特有的函数，只能通过其来调用该方法。其使用的方法如下： ...
document对象+获取节点三种方法演示：
xdd_lmd的博客
07-30 6366
document对象的演示。 该对象将标记型文档进行封装。 该对象的作用，是可以对标记型文档进行操作。 最常见的操作就是，想要实现动态效果，需要对节点操作，那么要先获取到这个节点。 要想获取节点，必须要先获取到节点所属的文档对象document。 所以document对象最常见的操作就是获取页面中的节点。 获取节点的方法体现： 1，getElementById:通过标签的id属性值获取
获取js对象所有方法
西瓜
04-26 1万+
https://www.cnblogs.com/donghuang/archive/2017/11/01/7765761.html 1、对象内置属性方法:Object.keys()；该方法返回一个数组，数组内包括对象内可枚举属性以及方法名称。数组中属性名的排列顺序和使用for...in遍历该对象时返回的顺序一致。 　　// 通过调用Object.keys()方法，获取对象上已定义(可枚举)...
JavaScript 获取对象属性和方法
前端菜鸟
11-28 2237
https://www.cnblogs.com/shinejaie/p/5231195.html
JavaScript中获取元素节点对象的四种方法
温志龙的博客
11-07 1806
通过DOM对象的四种的方法获取元素节点对象 方法 解释 getElementById() 通过元素ID获取对应元素对象 getElementsByName() 通过元素的name属性获取符合要求的所有元素 getElementsByTagName() 通过元素的元素名属性获取符合要求的所有元素 getElementsByClassName() 通过元素的class属性获取符合要求的所有元素 注意：获取某个/某些元素节点对象，必须保证元素节点对象被先加载到内存中 代码示例如下：
javascript获取对象的方法
Mars的博客
08-08 1708
一、首先我们要了解innerHTML在javascript中的作用就是获取对象元素之间的得内容。 二、获取元素对象的方法大致分为四种 1、通过元素标签id属性值来取，一个元素对象。 2、通过元素的标签的名字来取多个元素对象 3、通过元素标签Class属性值来取多个元素对象。 4、通过元素标签name属性值来取多个元素对象 下面的例子全部以
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值