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解决问题。
分享到:
相关推荐
在编写JavaScript代码时,应尽量避免依赖`document.all`,并确保在跨浏览器环境中使用`getElementById()`时,元素ID是唯一的。如果需要根据`name`属性查找元素,应使用`getElementsByName()`,而如果需要按标签名...
在现代Web开发中,更推荐使用`document.getElementById()`, `document.getElementsByClassName()`, `document.getElementsByTagName()`或`document.querySelector()`等标准方法,这些方法在所有现代浏览器中都有良好...
现代浏览器如Firefox、Chrome、Safari以及Edge等都遵循W3C的标准,推荐使用`document.getElementById`、`document.getElementsByTagName`、`document.querySelector`和`document.querySelectorAll`等方法来选取和...
本文将深入探讨`document.all`与`getElementById`、`getElementsByName`、`getElementsByTagName`这四个方法的区别和用法。 1. `document.all` `document.all` 是一个数组集合,它包含了HTML文档中所有的元素,...
3. `document.getElementById(ID)`: 通过ID查找页面上的特定元素,如`document.getElementById('myElement')`。 4. `document.getElementsByName(Name)`: 通过name属性值查找所有元素,返回的是NodeList集合。 5. `...
function $(id){return document.getElementById(id)} var p=$("pic").getElementsByTagName("li"); var bt=$("b").getElementsByTagName("li"); var title=$("tit").getElementsByTagName("li"); var rbtn = ...
此外,我们还需要注意的是,在 Web 开发中,我们应该尽量避免使用 document.all 对象,而是使用其他方法来获取元素。这可以帮助我们提高代码的可读性和可维护性,并且减少浏览器的兼容性问题。 解决 Firefox 不支持...
随着Web标准的推广,开发者开始转向W3C和ECMA标准,例如使用`document.getElementById`来代替`document.all`,因为前者在所有遵循Web标准的浏览器中都能正常工作。 使用`document.all`的例子: - 示例1展示了如何...
根据ID获取元素:document.getElementById 2.根据类名获取元素:document.getElementsByClassName 3.根据标签名获取元素:document.getElementsByTagName 4.获取特殊节点: ①获取...
由于`document.all`并非标准的DOM方法,因此在现代浏览器中已不再推荐使用,而是倾向于使用`document.getElementById`、`document.getElementsByTagName`、`document.querySelector`和`document.querySelectorAll`等...
总之,`document.getElementsByName`、`document.getElementById`和`document.getElementsByTagName`是JavaScript中用于查找HTML元素的重要方法。理解它们的区别和用法对于进行DOM操作至关重要。在实际开发中,正确...
- `document.getElementsByTagName()`:根据标签名查找文档中的元素集合。 - `document.querySelector()`:返回匹配CSS选择器的第一个元素。 - `document.querySelectorAll()`:返回匹配CSS选择器的所有元素的...
除了上述内容,`Document`对象还有其他很多功能,例如`document.getElementsByTagName()`, `document.getElementsByName()`, `document.querySelector()`, `document.querySelectorAll()`等,它们允许我们根据标签名...
2. **遍历DOM**:学习如何遍历DOM树,查找特定的元素,如使用`getElementById`、`getElementsByTagName`、`getElementsByClassName`等方法。 3. **创建和删除元素**:掌握动态创建新元素、插入到DOM树中,以及删除...
- 通过`document.getElementsByTagName`, `document.getElementsByClassName`, `document.querySelector`和`document.querySelectorAll`等方法,可以遍历和操作文档对象模型(DOM),找到并修改HTML元素。...
alert(document.frames["iName"].document.getElementsByTagName('h1')[0].firstChild.data); ``` 需要注意的是,在某些情况下,上述代码可能不会立即生效,因此通常会在`window.onload`事件中执行相关操作,确保...
- 它提供了`getElementById`、`getElementsByClassName`、`getElementsByTagName`等方法,分别用于根据ID、类名和标签名找到页面上的元素。 - `getElementById`是最常用的方法,它返回ID唯一匹配的元素。例如,`...
var menu = document.getElementsByTagName('span'); var menuList = []; // 遍历菜单逐个加到新菜单menuList数组中 for(var i=0;i<menu.length;i ){ menuList.push(menu[i][removed]); } btn. num = ...