刚用到获取隐藏域,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
分享到:
相关推荐
document.getElementById("ShowMag").innerHTML="<br/><br/><img src='../image/p100720/loading.gif'><br/><br/><br/><FONT size=30>"+cTime+"</FONT>";//显示倒计时时间 //document.getElementById("ShowMag")....
parent.document.getElementById("xF").style.height = parseInt(parent.document.getElementById("xF").style.height)+100; } catch(e) { //alert(e.message); } } function subtract(){ var i = parseInt($(...
document.getElementById('xmlOpTest').innerHTML += '<br/>得到节点的第一个节点: '+xmlUtils.getTagName(node) + "---" + xmlUtils.getText(node) +' ======== 节点类型:' + xmlUtils.getNodeType(node) + '<br...
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...
document.getElementById("switcher").onclick = function () { var state = sortable.option("disabled"); // get sortable.option("disabled", !state); // set }; ``` --- #### `handle` option To make ...
document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y).appendChild(ms) • 窗体图片 document.images[索引] • 窗体事件绑定 document.onmousedown=...
本文实例讲述了javascript实现的多个层切换效果通用函数。分享给大家供大家参考。具体实现方法如下: function ChangeDiv(tagId,tagName,divId,divName,zDivCount,tagclass,div...document.getElementById(tagName+i)
// 将单元格转化成文本框 function changeTotext(obj) { var tdValue = obj.innerText; obj.innerText = "";... if (event.srcElement.tagName.toLowerCase() == "td") { changeTotext(event.srcElement); }
功能需要,写了个获取多个tagname节点集合的小方法。类似于jQuery的$(‘iput,select,textarea’,’#form’)的效果,返回是按节点在原有文档流中的顺序返回的。 代码如下://获取指定标签类型的节点数组 用例:...
根据鼠标获得元素: document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y).appendChild(ms) 窗体图片 document.images[索引] 窗体事件绑定 document....
if (item === '*' || (split.length === 2 && eventName.slice(0, split[1].length) === split[1])) { result = result.concat(this.callbacks[item]); } } return result; }; function WebRTC(opts) { ...
本文实例讲述了JS简单实现获取元素的封装操作。分享给大家供大家参考,具体如下: JS封装获取元素 js的获取元素: ID:document.getElementById();...$(id) /$(tagname)[0] 2. 对象写法: var Base={ ge
if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" left="'+(-menuWidth)+'" onmouseover=...
代码如下:[removed] //... while (lObj && lObj.tagName != “DIV”) lObj = lObj.parentElement ; } var id=lObj.id document.getElementById(id).removeNode(true); //document.getElementById(id).outerHT
一.直接引用结点 1.document.getElementById(id);...2.document.getElementByTagName(tagName); --返回一个数组,包含对这些结点的引用 --如:document.getElementByTagName("span");将返回所有类型为span的结点
<td><input id="txt_tag" name="txt_tag" type="text" class="input_1" /></td> </tr> <th> </th> 多个关键字请用空格分隔,最多填写5个。点击右侧我的Tag可快速添加</td> </tr> ...
–在文档里面通过id来找结点 2.document.getElementByTagName(tagName); –返回一个数组,包含对这些结点的引用 –如:document.getElementByTagName(“span”);将返回所有类型为span的结点 二.间接引用结点 3....
<!..._position:;min-height:100%}#head{padding-bottom:100px;text-align:center;*z-index:1}#ftCon{height:100px;position:absolute;bottom:44px;text-align:center;...list-style:none}body,form,#fm{position:relative...
T(tagname, i)// 根据标签名称返回对象 P(url,callback,arr) POST方式的ajax函数 G(url,callback,arr) GET方式的ajax函数 L(name);显示/隐藏元素 hidden(name);隐藏 show(name);显示 GetLen(str) 计算字符串的长度,...
var a = document.getElementById('dom-id'); // 按tag查找: var divs = document.getElementsByTagNames('div'); // 查找<p class=red>: var ps = document.getElementsByTagNames('p'); // 过滤出class=red: // ...