`

getElementsByName无法获得Div

阅读更多

<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.

分享到:
评论

相关推荐

    innerHTML 和 getElementsByName 在IE下面的bug 的解决

    在上述代码中,开发者试图通过此方法获取`name`属性为`playing`的`div`元素。在大多数现代浏览器中,这个方法工作正常,但在IE中,尤其是较旧版本的IE,可能无法正确返回结果,这可能是由于IE对DOM的实现不完全兼容...

    IE中getElementsByName()对有些元素无效的解决方案

    这意味着对于像`div`、`span`这样的元素,`getElementsByName()`在IE中可能无法正常工作,因为它们不支持`name`属性。 当遇到这种情况时,开发者需要寻找替代方案来获取这些无`name`属性元素。在给定的示例中,我们...

    Document:getElementsByName()使用方法及示例

    总之,`Document:getElementsByName()`是JavaScript中一个强大的工具,能够帮助开发者方便地获取和操作具有特定`name`属性的元素集合,是构建交互式网页的重要一环。理解并熟练使用此方法,能提高Web应用的性能和...

    详解JavaScript 中getElementsByName在IE中的注意事项

    其中一个常用的方法是getElementsByName,它用于获取具有特定名称的所有元素的集合。然而,在不同的浏览器中,该方法的实现可能有所不同,尤其是旧版本的Internet Explorer(IE)浏览器。本文将详解在IE浏览器中使用...

    javascript 对象操作作业题

    - 通过`.title`、`.id`、`.className`来设置或获取div的相关属性。 3. **设置div样式**: - 通过`.style.color`设置div的颜色。 4. **设置div的innerHTML**: - 通过`.innerHTML`设置div内部的HTML内容。 5. **将...

    js中获取jsp表单中radio类型的值简单实例

    在这段代码中,`document.getElementsByName()`方法用于获取所有name属性为`baselineType`的DOM元素,这些元素就是前面提到的单选按钮。然后,我们需要通过遍历这些元素来找到被选中的单选按钮: ```javascript for...

    a.-DOM:实践GetElementsById-GetElementsByTagName-GetElementsByName

    例如,如果你有一个HTML标签`&lt;div id="myDiv"&gt;`,你可以通过`document.getElementById('myDiv')`来获取这个`div`元素,然后对它进行操作,如改变其内容、样式等。 其次,`getElementsByTagName`方法用于获取HTML...

    js使用循环清空某个div中的input标签值

    通过document.getElementsByName('info[gqq_shuxing]')获取所有的名为'info[gqq_shuxing]'的单选按钮,然后遍历它们,并将对应value为'不限'的单选按钮的checked属性设置为true。 总结来说,清空div内input标签值是...

    js动态设置div的值下例子

    该函数首先通过document.getElementsByName("radio")获取所有的radio按钮,然后通过一个for循环遍历这些元素。在循环中,通过检查radio按钮的checked属性来判断用户是否选中了该选项。如果radio按钮被选中,则通过...

    JS小功能(onmouseover实现选择月份)实例代码

    首先,我们通过`getElementsByName`获取所有名称为`divname`的div元素,然后获取用于显示节日信息的`div12`元素。 接着,我们遍历这些div,为每个div设置`index`属性,以便稍后引用月份对应的节日数组。然后,为每...

    JS手风琴导航栏效果

    - `document.getElementsByName("tab_div")`:获取所有名称为`tab_div`的元素。 - `$(tab[i]).attr("class")`:获取指定元素的`class`属性值。 - `$(obj).removeClass().addClass(cl)`:移除当前元素的所有类,并...

    常用的一些javascript脚本样例

    23 getElementsByName getElementsByName 24 文本框切换 文本框切换(包括用Tab和回车),文本框获得失去焦点 25 图片浮动(鼠标事件(点击)) 图片浮动(点击停止) 26 图片浮动(鼠标事件) 图片浮动(鼠标事件) 27 ...

    一组js的小技巧

    这个函数`check()`通过`getElementsByName`获取所有相同名称的单选按钮和复选框,然后遍历它们,检查哪些被选中。当选中的元素存在时,显示其ID;如果没有任何选中项,会给出提示。 ```javascript function check...

    圣思园 jQuery笔记

    - `$("tagName")`:用于替代`document.getElementsByName()`,通过标签名获取元素。 - `$(".class")`:通过CSS类选择元素。 2. **层次选择器**: - `ancestor descendant`:选取祖先元素内的所有后代元素。 - `...

    javascript表单和事件实用教案.ppt

    var strName = document.getElementsByName("loginName")[0].value; if (strName.length === 0) { myDiv.innerHTML = "用户名不能为空&lt;/font&gt;"; } } ``` 上述代码会在用户名为空时,向"loginError"的div显示...

    getElementByID、createElement、appendChild几个DHTML元素第1/2页

    如果我们要获取所有的`&lt;div&gt;`元素,可以使用`document.getElementsByTagName("div")`,然后通过索引访问它们,如`getElementsByTagName("div")[0]`和`getElementsByTagName("div")[1]`。 这些方法在DHTML中扮演着...

    JAVA企业面试题100道[1]

    15. 获取JavaScript元素的方法:`getElementById`按ID获取元素,`myform.xxx`按层级结构获取,`getElementsByName`按名称获取所有元素。 16. AJAX(异步JavaScript和XML)的优缺点: - 优点:提供无刷新用户体验,...

    jsp中radio控件的使用

    这段代码通过`getElementsByName`获取所有同名的`radio`按钮,然后遍历这些按钮,如果发现有`checked`属性为`true`的,就表示有选项被选中,同时显示选中的值。如果没有选中项,会弹出提示让用户选择。 在JSP中,...

    第二课 为什么要用jquery1

    例如,获取页面上的元素,监听事件,或者改变元素样式,都需要多行代码来实现。而在jQuery中,这些操作都被简洁的API封装起来,使得代码量显著减少。如以下示例所示: 原生JavaScript: ```javascript var div1 = ...

Global site tag (gtag.js) - Google Analytics