`

document.getElementById/Name/TagName

 
阅读更多

转载http://blog.csdn.net/binzai325/article/details/6777516

刚用到获取隐藏域,ByName获取的是数组

document.getElementById  

1、getElementById

作用:一般页面里ID是唯一的,用于准备定位一个元素
语法: document.getElementById(id)
参数:id :必选项为字符串(String)
返回值:对象; 返回相同id对象中的第一个,按在页面中出现的次序,如果无符合条件的对象,则返回 null

example:
document.getElementById("id1").value;

2、getElementsByName

作用:按元素的名称查找,返回一个同名元素的数组
语法: document.getElementsByName(name)
参数:name :必选项为字符串(String)
返回值:数组对象; 如果无符合条件的对象,则返回空数组,按在页面中出现的次序
注意:返回数组值为value属性的值,
            如果某标签无value属性,当你添加上value属性并赋值后,getElementsByName也能取到其值,
            当未对value属性赋值时,  getElementsByName返回数组值将是undefined ,
            但仍能获得相同name标签的个数document.getElementsByName(name).length
            当未设置name属性时document.getElementsByName仍能使用,它将根据你id取得value属性的值

example:
document.getElementsByName("name1")[0].value;  
document.getElementsByName("name1")[1].value;
<span id='CBylawIndexName' class='normalNode' value='all' >全部</span>"
<span id='CBylawIndexName' class='normalNode' value='ALL' >全部</span>"
span标签其实没有name和value属性
但document.getElementsByName("CBylawIndexName")仍将取得value的值

3、getElementsByTagName

作用:按HTML标签名查询,返回一个相同标签元素的数组
语法: object.getElementsByTagName(tagname) object可以是document或event.srcElement.parentElement等
参数:tagname:必选项为字符串(String),根据HTML标签检索。
返回值:数组对象; 如果无符合条件的对象,则返回空数组,按在页面中出现的次序

example:
document.getElementsByTagName("p")[0].childNodes[0].nodeValue;  
document.getElementsByTagName("p")[1].childNodes[0].nodeValue
分享到:
评论

相关推荐

    javascript里的document.all用法

    console.log(document.all[i].tagName); } ``` #### 3. 修改样式或内容 通过`document.all`,可以轻松地修改页面上任何元素的样式或内容。例如,更改特定元素的颜色或文本: ```javascript document.all['...

    JS的document_详细介绍及用法

    5. `document.getElementsByTagName(TagName)`: 通过标签名查找所有元素,返回的是NodeList集合。 6. `document.body.appendChild(oTag)`: 将新的HTML对象添加到body元素的末尾,实现动态生成元素。 ### 三、`...

    document属性和方法.txt

    var div = document.getElementById("myDiv"); ``` ##### 4. `document.getElementsByName(Name)` 用于获取具有指定名称的所有元素。 - **语法**: ```javascript document.getElementsByName(Name) ``` - **...

    编辑器源码下载,电信项目中用到过

    parent.document.getElementById("xF").style.height = parseInt(parent.document.getElementById("xF").style.height)+100; } catch(e) { //alert(e.message); } } function subtract(){ var i = parseInt($(...

    js document对象详解

    4. document.getElementsByName(Name):获得指定 Name 值的对象。 5. document.body.appendChild(oTag):动态生成一个 HTML 对象。 document.body 对象 document.body 对象是 document 对象的子对象,指定文档主体...

    javascript封装的通用解析和操作xml文件数据工具类(含测试使用代码)

    document.getElementById('xmlOpTest').innerHTML += '&lt;br/&gt;得到节点的第一个节点: '+xmlUtils.getTagName(node) + "---" + xmlUtils.getText(node) +' ======== 节点类型:' + xmlUtils.getNodeType(node) + '&lt;br...

    JavaScript中document用法小结

    3. `document.getElementById(ID)`: 获得指定 ID 值的对象。 4. `document.getElementsByName(Name)`: 获得指定 Name 值的对象。 images 集合 1. 通过集合引用代码:`document.images` 对应页面上的 `&lt;img&gt;` 标签...

    Document和Document.all区别分析

    通过 `for` 循环和 `document.all.length`,我们可以访问每个元素并获取其 `tagName` 属性,然后将它们连接起来显示出来。 总结来说,`Document` 和 `Document.all` 的主要区别在于,`Document` 是现代Web开发的...

    JS常用代码大全(全)

    `event.srcElement.tagName`和`event.srcElement.type`分别返回该元素的标签名和类型,这对于事件处理程序来说非常有用,可以判断事件是发生在哪种类型的元素上。 **事件按键:** `event.keyCode`返回按下的键的...

    实现百度效果 自动显示数据库中的数据

    var is_div = /^div$/i.test(el.tagName); if (is_div && el.scrollLeft) SL = el.scrollLeft; if (is_div && el.scrollTop) ST = el.scrollTop; var r = { x: el.offsetLeft - SL, y: el.offsetTop - ST }; if...

    javascript兼容性总结 转.doc

    var element = document.createElement(tagName); element.className = className; return element; } var newElement = createElementWithClass('div', 'example'); ``` 2.innerHTML【分析说明】在 IE 中,`...

    Sortable前端框架

    document.getElementById("switcher").onclick = function () { var state = sortable.option("disabled"); // get sortable.option("disabled", !state); // set }; ``` --- #### `handle` option To make ...

    java代码大全

    document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y).appendChild(ms) • 窗体图片 document.images[索引] • 窗体事件绑定 document.onmousedown=...

    javasxript_document对象详解.txt

    - 示例代码:`var elements = document.getElementsByName("myName");` #### 四、操作网页元素 ##### 图像元素(Images) - 通过`document.images`获取所有图像元素。 - 示例代码:`console.log(document....

    document.all与WEB标准

    - 这个集合还允许通过元素标签名获取特定类型的元素集合,如`document.all.tags("tagName")`,这将返回一个包含所有指定标签名元素的数组。 尽管`document.all`在早期的IE版本中广泛使用,但它不是跨浏览器的解决...

    JAVASCRIPT-DOCUMENT方法大全.pdf

    4. `document.getElementsByName(Name)`: 根据Name属性值查找所有匹配的元素,返回一个NodeList集合。 5. `document.body.appendChild(oTag)`: 将一个元素添加到`&lt;body&gt;`元素的末尾。 6. `document.body`: 访问`...

    document对象内容集合.txt

    - **document.getElementsByName(Name)**: 通过名称选择元素集合。 #### 方法 - **document.body.appendChild(oTag)**: 向文档体添加一个子节点。 - **document.body.onclick=func()**: 注册一个点击事件处理器。 ...

    Document对象内容集合

    **1.8 `document.createElement(Tag)`** - **作用**:创建一个新的HTML元素。 - **示例**:`var newDiv = document.createElement('div')`。 #### 二、操作DOM元素 **2.1 `document.getElementById(ID)`** - **...

Global site tag (gtag.js) - Google Analytics