问题：
<div id="a"></div>
一般我都会用
var b=document.getElementById("a");
这样来获取
可貌似不用这个，直接用id名也可以
如
alert（a）；
一样的效果，这两种方法那个好为什么可以通过id直接访问对象，是因为所有的元素ID都相当于一个保存对象的全局变量。
回答：
通过id直接访问对象还存在兼容问题。
建议用document.getElementById标准的形式获取对象。
如果一个元素符合下面两条规则中的任一条,则window对象中必须要有与之对应的一个属性,属性值就是这个对象。
如果一个元素拥有ID属性,那么ID属性的属性值就会成为window对象的属性名.
如果一个元素拥有name属性,那么name属性的属性值就会成为window对象的属性名.但这个元素的标签名必须是: a, applet, area, embed, form, frame, frameset, iframe, img, object,其中的一个。
但是如果网页有两个相同ID的元素，就有点差异了：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<html>
<head>
<script type="text/javascript">
function getInput() {
var mydiv = document.getElementById("div1");
alert(mydiv.length);//mydiv是DispHTMLElement
alert(div1.length);//div1是DispHTMLElementCollection
}
</script>
</head>
<body>
<div id="div1">123</div>
<div id="div1">456</div>
<input type="button" value="Test" onclick="getInput()" />
</body>
</html>
|
相关推荐
在IE浏览器中，JavaScript可以通过ActiveXObject对象来访问Windows API，获取电脑的一些基本信息。`ActiveXObject`是IE特有的，允许JavaScript与COM组件交互。以下是一个示例代码片段，用于获取电脑名称： ```...
1. `getElementById()`：这是最直接的方法，用于根据给定的ID获取元素。例如，如果知道单元格ID是"cell1"，可以这样写： ```javascript var cell = document.getElementById("cell1"); ``` 这将返回匹配ID的元素...
HTML5的Performance API允许我们获取浏览器的内存使用情况，例如`window.performance.memory`可以返回一个对象，其中包含了JavaScript堆的总大小、已分配但未使用的内存以及使用中的内存等信息。但这并不包括操作...
首先，我们需要了解JavaScript本身并不直接支持获取硬件信息，但可以通过浏览器提供的特定功能，如ActiveX（主要在Internet Explorer中）或现代浏览器中的WebAssembly和Web APIs来间接获取。在本例中，我们使用了...
通过 JavaScript，可以使用 WMI（Windows Management Instrumentation）来实现获取客户端计算机硬件及系统信息。WMI 提供了一种统一的方式来访问和管理 Windows 操作系统中的各种硬件和软件资源。 通过使用 WMI，...
标题“Ext获取对象”指的是在Ext JS框架中获取或操作对象的方法。Ext JS是一个流行的JavaScript库，用于构建桌面和移动应用程序的用户界面。它提供了一种面向对象的编程模型，使得开发者可以方便地管理和操作组件、...
//直接通过XMLHttpRequest对象获取远程网页源代码 function getSource() { var url = document.getElementById("url").value; //获取目标地址信息 //地址为空时提示用户输入 if (url == "") { alert("请输入...
- 用于通过ID获取单个元素。 2. **getElementsByTagName**： - 用于通过标签名获取多个元素。 3. **getElementsByName**： - 用于通过name属性获取多个元素。 #### 题目九：文档中div元素的遍历 1. **获取所有...
本文实例讲述了js 递归json树实现根据子id查父id的方法。分享给大家供大家参考，具体如下： 最近做了一个类似用js实现思维导图的功能，作为思维导图，一定会有树状结构的数据产生，在操作里面的节点时会经常需要查找...
这里我们将深入探讨如何使用JS实现这两个功能，同时结合字符串、数组和正则表达式等相关技术。 首先，身份证验证是确保用户输入的身份证号码合法的关键步骤。身份证号码由18位数字组成，前6位代表行政区划代码，接...
在给定的代码片段中，JavaScript函数`doLoad()`使用C标签遍历`dpList`集合，为每一个元素创建一个新的`<option>`标签，并将其添加到ID为`dpselect`的`<select>`元素中。 具体而言，`${dpList}" var="dpList">`语句...
/* 第一种，原生的js，先获取table然后获取tr标签，然后遍历td */ // $('#selectIds').val(); // var table = document.getElementById(tb_table);//获取第一个表格 // var array = table.getElementsByTagName(tr...
本文主要介绍了如何使用JavaScript来获取DOM（文档对象模型）中具有特定class的DOM元素。在讲解的过程中，涉及到JavaScript操作DOM节点的一些基本技巧和方法，如使用`getElementsByClassName`和`...
JavaScript 面向对象编程是该语言中一种重要的编程范式，它允许开发者通过类和对象的概念来组织和管理代码。尽管JavaScript并没有像Java或C++那样的严格类机制，但仍然可以通过函数和原型来实现面向对象特性。 1. *...
1. **`getElementById`**: 这个方法用于根据元素ID获取DOM对象。 2. **`getElementsByName`**: 根据元素名称获取DOM对象集合。 3. **`getElementsByTagName`**: 根据标签名获取DOM对象集合。 4. **`.rows` 和 `....
假设我们需要从URL中获取名为`user_id`的参数，可以使用以下代码： ```javascript // 使用正则表达式方法 var userId = GetQueryString('user_id'); console.log(userId); // 使用URLSearchParams方法 var userId ...
使用JavaScript获取当前日期和时间 在提供的代码示例中，主要通过`new Date()`来创建一个新的`Date`对象，该对象表示当前的日期和时间。然后通过一系列的方法来获取年份、月份、日期等具体信息。 #### `new Date...
在JavaScript中，获取CSS属性，特别是像`background-image`这样的复合属性，可能需要一些技巧。在上述场景中，开发者遇到了一个问题，需要从CSS的`background-image`属性中提取出图片URL。`background-image`属性...
### js中子页面获取父页面ID 在JavaScript中，经常会出现需要从子页面（通常是`iframe`中的页面）访问或操作父页面元素的情况。本文将详细介绍如何实现子页面调用父页面ID，并对其进行操作。 #### 理解基本概念 ...
### JavaScript 获取 URL 参数详解 #### 一、引言 在Web开发中，经常需要处理URL中的查询参数。这些参数通常用于传递页面之间的数据或者状态信息。JavaScript作为一种强大的客户端脚本语言，提供了多种方法来实现...