<input name="test" type="radio" id="r1">
<input name="test" type="radio" id="r2">
<input name="test" type="radio" id="r3">
<div name="myName" id="Div1"></div>
<div name="myName" id="Div2"></div>
document.getElementsByName("test").length returns 4
document.getElementsByName("myName").length returns 0
why?答案是:div标签根本就没有name属性;所以通过getElementsByName()是得不到div的!
look the DOM documentation:
引用
When you use the getElementsByName method, all elements in the document that have the specified NAME or ID attribute value are returned.
Elements that support both the NAME and the ID attribute are included in the collection returned by the getElementsByName method, but not elements with a NAME?A HREF="../properties/expando.html">expando.
分享到:
相关推荐
在上述代码中,开发者试图通过此方法获取`name`属性为`playing`的`div`元素。在大多数现代浏览器中,这个方法工作正常,但在IE中,尤其是较旧版本的IE,可能无法正确返回结果,这可能是由于IE对DOM的实现不完全兼容...
这意味着对于像`div`、`span`这样的元素,`getElementsByName()`在IE中可能无法正常工作,因为它们不支持`name`属性。 当遇到这种情况时,开发者需要寻找替代方案来获取这些无`name`属性元素。在给定的示例中,我们...
总之,`Document:getElementsByName()`是JavaScript中一个强大的工具,能够帮助开发者方便地获取和操作具有特定`name`属性的元素集合,是构建交互式网页的重要一环。理解并熟练使用此方法,能提高Web应用的性能和...
其中一个常用的方法是getElementsByName,它用于获取具有特定名称的所有元素的集合。然而,在不同的浏览器中,该方法的实现可能有所不同,尤其是旧版本的Internet Explorer(IE)浏览器。本文将详解在IE浏览器中使用...
- 通过`.title`、`.id`、`.className`来设置或获取div的相关属性。 3. **设置div样式**: - 通过`.style.color`设置div的颜色。 4. **设置div的innerHTML**: - 通过`.innerHTML`设置div内部的HTML内容。 5. **将...
在这段代码中,`document.getElementsByName()`方法用于获取所有name属性为`baselineType`的DOM元素,这些元素就是前面提到的单选按钮。然后,我们需要通过遍历这些元素来找到被选中的单选按钮: ```javascript for...
例如,如果你有一个HTML标签`<div id="myDiv">`,你可以通过`document.getElementById('myDiv')`来获取这个`div`元素,然后对它进行操作,如改变其内容、样式等。 其次,`getElementsByTagName`方法用于获取HTML...
通过document.getElementsByName('info[gqq_shuxing]')获取所有的名为'info[gqq_shuxing]'的单选按钮,然后遍历它们,并将对应value为'不限'的单选按钮的checked属性设置为true。 总结来说,清空div内input标签值是...
该函数首先通过document.getElementsByName("radio")获取所有的radio按钮,然后通过一个for循环遍历这些元素。在循环中,通过检查radio按钮的checked属性来判断用户是否选中了该选项。如果radio按钮被选中,则通过...
首先,我们通过`getElementsByName`获取所有名称为`divname`的div元素,然后获取用于显示节日信息的`div12`元素。 接着,我们遍历这些div,为每个div设置`index`属性,以便稍后引用月份对应的节日数组。然后,为每...
- `document.getElementsByName("tab_div")`:获取所有名称为`tab_div`的元素。 - `$(tab[i]).attr("class")`:获取指定元素的`class`属性值。 - `$(obj).removeClass().addClass(cl)`:移除当前元素的所有类,并...
23 getElementsByName getElementsByName 24 文本框切换 文本框切换(包括用Tab和回车),文本框获得失去焦点 25 图片浮动(鼠标事件(点击)) 图片浮动(点击停止) 26 图片浮动(鼠标事件) 图片浮动(鼠标事件) 27 ...
这个函数`check()`通过`getElementsByName`获取所有相同名称的单选按钮和复选框,然后遍历它们,检查哪些被选中。当选中的元素存在时,显示其ID;如果没有任何选中项,会给出提示。 ```javascript function check...
- `$("tagName")`:用于替代`document.getElementsByName()`,通过标签名获取元素。 - `$(".class")`:通过CSS类选择元素。 2. **层次选择器**: - `ancestor descendant`:选取祖先元素内的所有后代元素。 - `...
var strName = document.getElementsByName("loginName")[0].value; if (strName.length === 0) { myDiv.innerHTML = "用户名不能为空</font>"; } } ``` 上述代码会在用户名为空时,向"loginError"的div显示...
如果我们要获取所有的`<div>`元素,可以使用`document.getElementsByTagName("div")`,然后通过索引访问它们,如`getElementsByTagName("div")[0]`和`getElementsByTagName("div")[1]`。 这些方法在DHTML中扮演着...
15. 获取JavaScript元素的方法:`getElementById`按ID获取元素,`myform.xxx`按层级结构获取,`getElementsByName`按名称获取所有元素。 16. AJAX(异步JavaScript和XML)的优缺点: - 优点:提供无刷新用户体验,...
这段代码通过`getElementsByName`获取所有同名的`radio`按钮,然后遍历这些按钮,如果发现有`checked`属性为`true`的,就表示有选项被选中,同时显示选中的值。如果没有选中项,会弹出提示让用户选择。 在JSP中,...
例如,获取页面上的元素,监听事件,或者改变元素样式,都需要多行代码来实现。而在jQuery中,这些操作都被简洁的API封装起来,使得代码量显著减少。如以下示例所示: 原生JavaScript: ```javascript var div1 = ...