`
wizard1992
  • 浏览: 972 次
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

document.getElementByName()获取div

div 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
div{
    width: 100px;
    height: 100px;
    border:1px solid red;
}
</style>
</head>
<body>
<div name="odiv">div1</div>
<div name="odiv">div2</div>
<div name="odiv">div3</div>
<div name="odiv">div4</div>
<div name="anotherdiv">AnotherDiv</div>
<script type="text/javascript">
<!--
// 可见在IE下通过document.getElementsByName是无法获取DIV标签的,FF可以
alert(document.getElementsByName("odiv").length); // IE:0 FF:4

// 兼容IE FF的ByName方法
var getElementsByName = function(tag, name){
    var returns = document.getElementsByName(name);
    if(returns.length > 0) return returns;
    returns = new Array();
    var e = document.getElementsByTagName(tag);
    for(var i = 0; i < e.length; i++){
        if(e[i].getAttribute("name") == name){
            returns[returns.length] = e[i];
        }
    }
    return returns;
}
alert(getElementsByName("div","odiv").length); // IE:4 FF:4
//-->
</script>
</body>
</html>

 

分享到:
评论

相关推荐

    没有document.getElementByName方法

    首先声明的是: document.getElementByName方法没有。document.getElementsByName得到的是标签的数组 document.getElementId得到的是某一个标签 &lt;form name=”form_write”&gt; &lt;input name=”content” type=...

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

     Document.All Example        Example Heading     This is a paragraph. It is only a paragraph.   Yet another paragraph.   This final paragraph has special emphasis.         [Ctrl+A 全选 ...

    JavaScript中document.forms[0]与getElementByName区别

    本文将详细介绍document.forms[0]和getElementByName两种方法的区别和具体使用场景。 首先,document.forms[0]代表文档中第一个表单元素,是一个NodeList类型的数组。这个数组包含了页面上所有的form元素,如果页面...

    document.getElementsByName和document.getElementById 在IE与FF中不同实现

    相反,`document.getElementById`方法是用来获取文档中具有指定ID的唯一元素。按照标准,它应该仅根据ID属性来查找元素。在IE中,`getElementById`的实现也是符合这一规范的,但在FF中,它不会尝试匹配name属性。...

    用Javascript读取CheckBox数组的值的代码(兼容IE与firefox)

    document.getElementsByName(name)方法正是用来读取对象数组的。用法如下: var elements = document.getElementsByName(“role”); (”role”为CheckBox数组中每个CheckBox共同的名字) for: ...

    解决jquery实现的radio重新选中的问题

    &lt;input type="radio" name="test"/&gt; &lt;input type="radio" name="test" id = "input2"/&gt; (说明:使用的jquery 版本是 1.10.2。... var inputList = document.getElementByName("test");  for(v

    php课后习题及答案php

    document.getElementById(“user”).style.divColor=”blue”:错误,divColor 不是有效的 CSS 属性。 - C. document.getElementById(“user”).style.background-color=”blue”:错误,background-color 的连...

    html_document对象

    - `getElementByName(name)`:找到具有指定名称的表单元素。 - `getElementsByName(name)`:返回一组具有指定名称的表单元素。 5. **导航和位置** - `location`属性:提供有关当前URL的信息,包括`href`(完整...

    采集基本概念Web信息检索与数据抓取网页DOM结构优秀文档.pptx

    4. **createElement**: 创建新的HTML元素,例如`document.createElement('div')`会创建一个新的`&lt;div&gt;`元素。 5. **createTextNode**: 创建纯文本节点,如`document.createTextNode('Hello, World!')`。 6. **...

    BarTender_Test.zip

    这个"BarTender_Test"项目工程可能包含了上述流程的完整示例,包括如何设置数据库连接、获取数据、修改模板元素以及触发打印。通过研究这个源码,你可以深入理解如何利用C#和BarTender的API进行动态标签设计和打印。...

    php课后习题及答案[文].pdf

    `document.getElementByName(” 元素名” )` - C. `document.getElementByTagName(” 标记名” )` - D. 以上都可以 - **解析**: - 在JavaScript中,可以通过`getElementById`获取具有特定ID的元素,通过`...

    原生JS实现表单checkbook获取已选择的值

    需要注意的是,文章中提到的“document.getElementByName”在JavaScript中应该为“document.getElementsByName”,因为“get”后不应该大写,这是一个拼写错误。在实际使用中,应确保使用正确的函数名。 通过上述...

    笔试题之Javascript

    - **getElementByName()与document.all[]**:IE的`document.all[]`可以获取所有元素,而`getElementByName`只能获取非div元素;FF两者都可以获取所有元素。 - **input.type属性**:IE的`input.type`是只读,FF可...

    用UIAutomation封装了很多实用的方法

    GetElementByName 获取父自动化元素下的指定子元素的引用 GetElementsByControlType 获取父自动化元素下的特定类型的所有自动化元素 GetGridLinesFromDataGrid 获取网格控件的全部行元素的引用 ...

    使用DataBox.docx

    3. **元素访问**:DataBox提供了多种访问元素的方法,如`box.getAllElements()`获取所有元素,`box.getAllElementsReverse()`以倒序获取,`box.getElementByID(Object id)`通过ID查找,`box.getElementByName(String...

    js_dom操作

    getElementByName(name)则可以根据name属性获取一组元素。这些方法大大简化了对特定DOM元素的访问过程。 5. 创建和操作节点: 创建新节点是动态修改Web页面的关键。可以通过document对象提供的方法创建新的元素节点...

    java 值Document解析xml详细介绍

    在读取配置文件时,我们可以使用 `getElementByName` 方法来获取对应结点的元素,然后使用 `getText` 方法来获取结点的值。 三、使用 JDOM 解析 XML 在 Java 值 Document 解析 XML 中,我们可以使用 JDOM 库来解析...

    Web前端开发工程师笔试题-CSS+Javascript.doc

    3. Document对象的常用方法:getElementById、getElementByName等 五、CSS布局和样式 1. CSS布局方式:绝对定位、相对定位、浮动布局等 2. CSS样式属性:width、height、background-color等 3. CSS样式表的继承和...

Global site tag (gtag.js) - Google Analytics