document.getElementById/Name/TagName

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

document.getElementById/Name/TagName相关推荐

(COPY)document.all和document.getElementById用法 document.all用法:
(COPY)document.all和document.getElementById用法 document.all用法: <html> <body> < ...
document.getElementById与document.getElementsById的区别
document.getElementById 是用Id选择元素,一个Id只对应一个元素. document.getElementsById 是用元素名称选择元素一个元素名称可能有很多元素,取的是集, ...
document.getElementById与getElementByName的区别
document.getElementById( "id_Number ") 得到的是单个元素 document.getElementsByName( "name & ...
document.getElementById()和document.forms[0].submit()
下午,做一个jsp文件,涉及到document.getElementById()以及document.forms[0].submit()的使用,折腾了好长时间. 1.document.getEleme ...
document.getElementById vs jQuery $（）
本文翻译自:document.getElementById vs jQuery $() Is this: 这是: var contents = document.getElementById('con ...
js中document.getElementById(ID)与document.getElementsByName(Name)的区别
在一个HTML文档中,每个元素都可以设置ID和NAME属性.其中ID属性是唯一属性,不可以重复,一个ID值只能对应一个元素:而NAME属性是可以重复的,一个NAME值可以对应一组元素. 所以,使用do ...
各浏览器对document.getElementById等方法的实现差异
所有Web前端同仁对 document.getElementById 都非常熟悉了.开发过程中经常需要用其获取页面id为xx的元素,自从元老级JS库Prototype流行后,都喜欢这么简写它 // 方 ...
[已经完美解决]IE下 'document.getElementById(...)' is null
View Code 1 $.ajax({ 2 type: "POST",//请求方式 3 url: "text.txt",//地址,就是action请求路径 4 ...
document.getElementById 学习总结
document.getElementById获取控件对象为空的解决方法 1.下面是一个简单的例子,页面加载时显示一段信息代码如下: <%@ page language="java& ...

document.getElementById/Name/TagName

document.getElementById

document.getElementById/Name/TagName相关推荐

最新文章

热门文章