BlogJava-水煮三国-随笔分类-JavaScripthttp://www.blogjava.net/os586/category/10206.html态度决定一切，思想决定出路zh-cnTue, 27 Feb 2007 10:53:38 GMTTue, 27 Feb 2007 10:53:38 GMT60困扰了一下午的js小程序终于弄明白了，就在于这个getElementsByName()http://www.blogjava.net/os586/archive/2006/04/18/41761.html水煮三国水煮三国Tue, 18 Apr 2006 14:21:00 GMThttp://www.blogjava.net/os586/archive/2006/04/18/41761.htmlhttp://www.blogjava.net/os586/comments/41761.htmlhttp://www.blogjava.net/os586/archive/2006/04/18/41761.html#Feedback1http://www.blogjava.net/os586/comments/commentRss/41761.htmlhttp://www.blogjava.net/os586/services/trackbacks/41761.html<script>
function addRow()
{
 var oTb = document.getElementById("tb");
 var oTr  = oTb.insertRow();
 var oTd  = oTr.insertCell();
 oTd.innerHTML="<input class='s01' name='txt' onblur='getTotal();'>";
 oTd = oTr.insertCell();
 oTd.innerHTML= "<input class='s01' name='user' >"
}

function getTotal()
{
 var objLength = document.getElementsByName("user").length;
 //alert(objLenth);
 if(objLength>0){
  for(i=0;i<objLength;i++){
   var message= document.getElementsByName("txt")[i].value;
      document.getElementsByName("user")[i].value = message;
  }
 }else{
 alert("请点击添加按钮");
 }
}
</script>
<style>
.noB{
     border:0px;
  background:#3399CC;
}
</style>
<link href="../Css/css.css" rel="stylesheet">
<table id="tb">
<tr>
<td>
sss
</td>
</tr>
</table>
<input type="button" name="btn" value="增加" class="s02" onclick="addRow();"/>



水煮三国 2006-04-18 22:21 发表评论
]]>document.getElementsByName()的用法http://www.blogjava.net/os586/archive/2006/04/18/41754.html水煮三国水煮三国Tue, 18 Apr 2006 14:04:00 GMThttp://www.blogjava.net/os586/archive/2006/04/18/41754.htmlhttp://www.blogjava.net/os586/comments/41754.htmlhttp://www.blogjava.net/os586/archive/2006/04/18/41754.html#Feedback0http://www.blogjava.net/os586/comments/commentRss/41754.htmlhttp://www.blogjava.net/os586/services/trackbacks/41754.htmloEle= document.all.aaa ;//这里有一个aaa的对象,但我们不知道它现在长度是多少,所以没办法对它操作.因此,我们要先做判断长度的过程.如下:
if(oEle.length){}else{};
在两种情况下,花括号里面的内容写法也是不一样的:
if(oEle.length){
   for(var i = 0 ;i<oEle.length;i++){
      oEle[i].value........
  }
}
else{
     oEle.value........
};

但是这样写是不是太复杂了点?而且当花括号里面的代码比较多的时候,我们要写两遍代码,晕了先~
还好有document.getElementsByName()这个方法.它对一个和多个的处理是一样的,我们可以用:
oEle = document.getElementsByName('aaa')来引用
当oEle只有1个的时候,那么就是oEle[0],有多个的时候,用下标法oEle[i]循环获取,是不是很简单?

值得一提的是它对Name和ID的同样有效的.
但是它只能应用到document对象.相对应的,还有另一个方法,可以应用的对象会更广一点:
getElementsByTagName,比如我知道了一个<DIV ID='aaa'><input/><input/>......</DIV>
我要取DIV里面的所有input,这样写就可以了:aaa.getElementsByTagName('INPUT'),这样就有效的可以和别的DIV(比如说有个叫bbb的DIV,里面的也是一样的input)相区别.
同getElementsByTagName相对应,还有一个document.body.all.tags(),能用这个方法的对象比getElementsByTagName要小得多.但比getElementsByName要多.
到这里我们还要提一下getElementById,它也是只有document对象才能使用,而且返回的是数组的第一个元素,呵呵,它的方法名都写明了是getElement而不是getElements,所以,千万不要搞浑了.

好了,就到这里吧,休息,休息一会......

水煮三国 2006-04-18 22:04 发表评论
]]>