Javascript获取Html界面元素的几种方法

在Javascript，可以通过多种方式获取Html元素对象。以下是一个Html页面示例。

<body>
<form name="form1" method="POST" action="">
<p><input type="text" name="age" id="age" size="10" valu="18" /></p>
<p><input type="submit" value="提交" name="B1" /></p>
<p><a href="javascript:click();">Click</a></p>
</form>
</body>

如果我们需要在javascript中获取输入框age对象。主要的方法有以下几种：

all方法：document.all("age")
getElementById方法：document.getElementByIdx_x("age")
getElementsByName方法：document.getElementsByName("age")
getElementsByTagName方法：document.getElementsByTagName_r("input")
form1方法：document.form1.age
eval方法：eval_r("document.form1.age")

我们在具体使用时，需要特别注意：all和getElementsByName方法，在界面上没有指定元素时，仍可能会得到object对象。经过分析和验证，主要有以下注意事项：

W3标准下可以通过getElementById、getElementsByName、getElementsByTagName、form1访问Document中的任一个标签。
all：建议尽量不要采用all方法来获取元素, 这种方法不符合W3标准，而且只能在IE或IE内核的浏览器中有效。当界面中没有指定元素时，all方法有时返回null，有的情况下返回object。
getElementById：通过ID来取得Document中的某一特定元素，所以只能访问设置了ID的元素。如果界面中存在多个相同ID的元素，则只取第1个。
getElementsByName：通过Name来获得元素数组，文档中只有一个指定Name的标签时，也返回数组。Document中每一个元素的ID是唯一的，但Name却可以重复。打个比喻就像人的×××号是唯一的，但名字重复的却很多。
getElementsByTagName：通过TagName（标签名称）来获得元素，一个Document中当然会有相同的标签，所以这个方法也是取得一个数组。
form1：如果文档中只有一个指定Name的标签时，返回该对象；如果文档中有多个指定Name的标签时，返回对象数组。
eval：eval是计算某个字符串，并执行其中的javascript。

转自：http://blog.csdn.net/kadwf123/article/details/7821327

转载于:https://blog.51cto.com/neicole/1060709

Javascript获取Html界面元素的几种方法相关推荐

详解JavaScript数组过滤相同元素的5种方法
详解JavaScript数组过滤相同元素的5种方法:https://www.jb51.net/article/114490.htm 转载于:https://www.cnblogs.com/bydzha ...
获取表单内部元素的N种方法
今天讲讲获取表单元素的N种方法~ 以上是部分资料参考的地方:http://blog.csdn.net/h12kjgj/article/details/61624509 先给出一个实例. 输入数字1~1 ...
Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID，反之也行！...
query取得iframe中元素的几种方法在iframe子页面获取父页面元素代码如下: $('#objId', parent.document); // 搞定... 在父页面获取iframe子页 ...
JavaScript 获取元素的8种方法
DOM 文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展置标语言的标准编程接口.简单理解就是 DOM 是关于如何获取.修改.添加或删除 HTML 元素的标准.我 ...
js获取元素的五种方法
在使用Javascript的过程中我们经常都需要获取元素 ,接下来就给大家介绍一下我知道的在js中获取元素的五种方法. 1.根据选择器查找元素 1.1 document.querySelector( ...
Javascript循环删除数组中元素的3种方法
本文主要跟大家分享了关于Javascript循环删除数组中元素的几种方法,分享出来供大家参考学习,下面与微点阅读小编一起来看看详细的介绍: 问题大家在码代码的过程中,经常会遇到在循环中移除指定元素的 ...
【javascript基础——系列10】js中隐藏元素的几种方法以及代码
系列文章 [javascript基础--系列1]前端页面ajax连接后台服务器传输数据 [javascript基础--系列2]前端页面axios连接后台服务器传输数据 [javascript基础--系 ...
jq获取兄弟节点_jQuery 获取兄弟元素的几种方法
jQuery 获取兄弟元素的几种方法. 获取指定元素的兄弟元素时,可以使用adjacent sibling combinator (+),其中+的两侧内容都是selector expression. ...
JavaScript隐藏元素的5种方法~纯干货分享
Hello ~ 可爱的小伙伴我们又见面啦. 下面是我和大家分享的JS隐藏元素的5种方法,希望可以帮助到有需要的小伙伴. 让我们一起来看看吧 GO! 第一种 <!DOCTYPE html> ...

Javascript获取Html界面元素的几种方法

Javascript获取Html界面元素的几种方法相关推荐

最新文章

热门文章