`
czpae86
  • 浏览: 720530 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

尽量不要使用document.getElementsByTagName,用document.getElementById代替

 
阅读更多

document.getElementsByTagName()使用for(var i=0......i++)取值的时候存在问题,不能访问所有的标签;

所以尽量使用document.getElementById();

 

代码片段1:

var inputs = document.getElementsByTagName('input');
			
			for(var i=0,len=inputs.length;i<len;i++){
				var attr = document.createAttribute('readOnly');
				attr.value = true;
				inputs[i].setAttributeNode(attr);
                       .................................................

 代码片段1中inputs[i]取不全 相应的element。

 

代码片段2:

for(var f in vo){
		var input = document.getElementById(f);
		if(input){
			var attr = document.createAttribute('readOnly');
			attr.value = true;
			input.setAttributeNode(attr);
		}else{
			continue;
		}
       ...............................

 用代码片段2解决问题。

分享到:
评论

相关推荐

    document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById

    在编写JavaScript代码时,应尽量避免依赖`document.all`,并确保在跨浏览器环境中使用`getElementById()`时,元素ID是唯一的。如果需要根据`name`属性查找元素,应使用`getElementsByName()`,而如果需要按标签名...

    javascript里的document.all用法

    在现代Web开发中,更推荐使用`document.getElementById()`, `document.getElementsByClassName()`, `document.getElementsByTagName()`或`document.querySelector()`等标准方法,这些方法在所有现代浏览器中都有良好...

    document.all Firefox不支持

    现代浏览器如Firefox、Chrome、Safari以及Edge等都遵循W3C的标准,推荐使用`document.getElementById`、`document.getElementsByTagName`、`document.querySelector`和`document.querySelectorAll`等方法来选取和...

    document.all与getElementById、getElementsByName、getElementsByTagName用法区别-document.all第1/2页

    本文将深入探讨`document.all`与`getElementById`、`getElementsByName`、`getElementsByTagName`这四个方法的区别和用法。 1. `document.all` `document.all` 是一个数组集合,它包含了HTML文档中所有的元素,...

    JS的document_详细介绍及用法

    3. `document.getElementById(ID)`: 通过ID查找页面上的特定元素,如`document.getElementById('myElement')`。 4. `document.getElementsByName(Name)`: 通过name属性值查找所有元素,返回的是NodeList集合。 5. `...

    JS焦点图片代码

    function $(id){return document.getElementById(id)} var p=$("pic").getElementsByTagName("li"); var bt=$("b").getElementsByTagName("li"); var title=$("tit").getElementsByTagName("li"); var rbtn = ...

    解决 firefox 不支持 document.all的方法

    此外,我们还需要注意的是,在 Web 开发中,我们应该尽量避免使用 document.all 对象,而是使用其他方法来获取元素。这可以帮助我们提高代码的可读性和可维护性,并且减少浏览器的兼容性问题。 解决 Firefox 不支持...

    document.all与WEB标准

    随着Web标准的推广,开发者开始转向W3C和ECMA标准,例如使用`document.getElementById`来代替`document.all`,因为前者在所有遵循Web标准的浏览器中都能正常工作。 使用`document.all`的例子: - 示例1展示了如何...

    JavaScript笔记总结(Xmind格式):第七天

    根据ID获取元素:document.getElementById  2.根据类名获取元素:document.getElementsByClassName  3.根据标签名获取元素:document.getElementsByTagName  4.获取特殊节点:  ①获取...

    JS的document.all函数使用示例

    由于`document.all`并非标准的DOM方法,因此在现代浏览器中已不再推荐使用,而是倾向于使用`document.getElementById`、`document.getElementsByTagName`、`document.querySelector`和`document.querySelectorAll`等...

    没有document.getElementByName方法

    总之,`document.getElementsByName`、`document.getElementById`和`document.getElementsByTagName`是JavaScript中用于查找HTML元素的重要方法。理解它们的区别和用法对于进行DOM操作至关重要。在实际开发中,正确...

    document 文挡对象详解

    - `document.getElementsByTagName()`:根据标签名查找文档中的元素集合。 - `document.querySelector()`:返回匹配CSS选择器的第一个元素。 - `document.querySelectorAll()`:返回匹配CSS选择器的所有元素的...

    脚本中Document对象内容集合介绍

    除了上述内容,`Document`对象还有其他很多功能,例如`document.getElementsByTagName()`, `document.getElementsByName()`, `document.querySelector()`, `document.querySelectorAll()`等,它们允许我们根据标签名...

    DOM Scripting.Web.Design.with.JavaScript.and.the.Document.Object.Model(JavaScript DOM编程艺术)

    2. **遍历DOM**:学习如何遍历DOM树,查找特定的元素,如使用`getElementById`、`getElementsByTagName`、`getElementsByClassName`等方法。 3. **创建和删除元素**:掌握动态创建新元素、插入到DOM树中,以及删除...

    DOCUMENT的对象操作

    - 通过`document.getElementsByTagName`, `document.getElementsByClassName`, `document.querySelector`和`document.querySelectorAll`等方法,可以遍历和操作文档对象模型(DOM),找到并修改HTML元素。...

    iframe框架\JS获取iframe元素

    alert(document.frames["iName"].document.getElementsByTagName('h1')[0].firstChild.data); ``` 需要注意的是,在某些情况下,上述代码可能不会立即生效,因此通常会在`window.onload`事件中执行相关操作,确保...

    Document和Document.all区别分析

    - 它提供了`getElementById`、`getElementsByClassName`、`getElementsByTagName`等方法,分别用于根据ID、类名和标签名找到页面上的元素。 - `getElementById`是最常用的方法,它返回ID唯一匹配的元素。例如,`...

    实现原生js随机点菜的代码.zip

    var menu = document.getElementsByTagName('span'); var menuList = []; // 遍历菜单逐个加到新菜单menuList数组中 for(var i=0;i&lt;menu.length;i ){ menuList.push(menu[i][removed]); } btn. num = ...

Global site tag (gtag.js) - Google Analytics