`
- 浏览:
92946 次
- 性别:
- 来自:
哈尔滨
-
(转)getElementByid ,ByName ByTagName三者区别
getElementByid ,getElementsByName getElementsByTagName三者区别
getElementById:
语法: document.getElementById(id)
参数:id :必选项为字符串(String)
返回值:对象; 返回相同id对象中的第一个,如果无符合条件的对象,则返回 null
example:document.getElementById("id1").value;
getElementsByName:
语法: document.getElementsByName(name)
参数:name :必选项为字符串(String)
返回值:数组对象; 如果无符合条件的对象,则返回空数组
example:document.getElementsByName("name1")[0].value;
document.getElementsByName("name1")[1].value;
getElementsByTagName:
语法: object.getElementsByTagName(tagname) object可以是document或event.srcElement.parentElement等
参数:tagname:必选项为字符串(String)
返回值:数组对象; 如果无符合条件的对象,则返回空数组
example:document.getElementsByTagName("p")[0].childNodes[0].nodeValue;
document.getElementsByTagName("p")[1].childNodes[0].nodeValue;
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
在HTML文档对象模型(DOM)中,有三种主要方法用于查找HTML元素:`document.all`,`getElementById()`,`getElementsByName()` 和 `getElementsByTagName()`。这些方法各有其特性和适用场景,理解它们的区别对于编写...
本文主要讨论的是`document.getElementById`这个常用方法在不同浏览器之间的实现区别,以及如何处理这些差异。 `document.getElementById`是一个JavaScript内置方法,用于根据指定的ID从文档中获取元素。在大部分...
document.getElementById()对象和使用方法
而`byId`函数使用`getElementById`方法则可以成功获取元素,因为`getElementById`并没有对ID的格式做CSS规范的限制。 总结来说,`document.getElementById`和`document.querySelector`都是获取DOM元素的有效方法,...
有value属性的标签才能使用getElementById(jb51).value 像”jb51″>12345 这种没有value属性的标签就用getElementById(jb51)[removed] 你使用document.getElementById()可以取到页面上一个有id的元素 然后访问这个...
知识点三:getElementById方法在IE和Firefox中的差异 在IE浏览器中,getElementById方法对ID和Name属性不敏感,这意味着IE浏览器可以通过Name属性来获取元素,而不是通过ID属性。在Firefox浏览器中,getElementById...
两个界面都有id=”test”的div,内容不同,路由切换的时候document.getElementById()拿到的是原界面的值。 问题代码 // 页面1 <div id=test>aaa // 页面2 <div id=test>bbb // 路由切换如下: <transition name=...
使用DHTML对象模型与文档对象模型(DOM)获取元素的方法有所区别,但都能达到相同的目的。示例中展示了两种不同的方式: 使用DHTML对象模型: ```javascript var oVDiv = document.body.all.item("oDiv"); ``` ...
本文将深入探讨`document.all`与`getElementById`、`getElementsByName`、`getElementsByTagName`这四个方法的区别和用法。 1. `document.all` `document.all` 是一个数组集合,它包含了HTML文档中所有的元素,...
然而,在早期的IE版本中,尤其是在IE6及更早版本,`document.getElementById`的行为相对宽松,即使元素只定义了`name`属性而没有`id`属性,它仍然可以被找到。例如: ```html <input type="text" name=...
① document.getElementById 有时会抓name放过了id ,据说是IE的一个BUG; http://community.csdn.net/Expert/topic/4223/4223888.xml?temp=.1947443 页面中有 程序代码 <input type=”hidden” id=”hello8...
统治者如果你厌倦了像这样声明 DOM 元素: var formNode , submitButtonNode , nameInputNode , emailInputNode ;window . onload = function ( ) { formNode = document . getElementById ( 'form' ) ; ...
在第三个示例中,采用了一种简单的方法,即将 `<script>` 标签移动到 `<body>` 的末尾,这样当脚本执行时,整个 `<body>` 已经被解析,`document.getElementById('mes')` 就能正确地找到文本框元素并设置其值。...
`TypeError: document.getElementById(...) is null` 是一个常见的JavaScript错误,通常出现在尝试访问一个尚未加载或者不存在于DOM(文档对象模型)中的元素时。这个错误表示`document.getElementById`方法未能找到...
在DOM中,有几种重要的方法用于操作和访问页面元素,其中`getElementById()`、`getElementsByName()`和`getElementsByTagName()`是JavaScript中常见的三种。下面我们将详细探讨这些方法以及它们在DHTML(Dynamic ...