急 getElementById 与 getElementsByName区别

发表于 2011-04-05 | 来源：互联网 | 阅读：

大侠们，问个问题。

HTML code

 <select name="_14051:_ctl5:_ctl4" id="_14051:_ctl5:_ctl4">
                                                <option value="">请选择一个答案</option>
                                                <option value="_4251_66499">设计好</option>
                                                <option value="_4251_66500">功能性好</option>
                                                <option value="_4251_66501">体育明星们地选择</option>
                                                <option value="_4251_66502">明星们地选择</option>
                                                <option value="_4251_66503">朋友推荐</option>
                                                <option value="_4251_66504">销售人员推荐</option>
                                                <option value="_4251_66505">在商店一眼就看中</option>
                                                <option value="_4251_66506">在杂志上看到</option>
                                                <option value="_4251_66507">在街上看到有人穿</option>
                                                <option value="_4251_66508">促销/ 折扣</option>
                                                <option value="_4251_66509">高品质</option>
                                                <option value="_4251_66510">良好地网评</option>
                                                <option value="_4251_66511">引人注目地广告</option>
                                                <option value="_4251_66512">有强烈文化传承地品牌</option>
                                                <option value="_4251_66513">被圈中好友认同</option>
                                                <option selected="selected" value="_4251_66514">让我看上去很酷</option>
                                                <option value="_4251_66515">拥有一个别人没有地品牌（独一无二地）</option>
                                                <option value="_4251_66516">知名地</option>
                                                <option value="_4251_66517">其他</option>
                                            </select>

我想获取这个下啦框选择地是哪个。如果这个下拉框要是有id 那么就可以直接用 var tem=window.document.getElementById("_14051:_ctl5:_ctl4").selectedIndex

<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div id="main" style="border:5px solid #c0c0c0;width:200px;"> <a><input type="checkbox" name="City" value="北京" />北京</a> <a><input type="checkbox" name="City" value="上海" />上海</a> <a><input type="checkbox" name="City" value="广州" />广州</a> </div> </form> </body> </html> <script language="javascript" type="text/javascript"> //通过getElementById得到元素并查看他是什么标记 alert(document.getElementById("main").tagName); //通过getElementsByName得到元素并查看他是什么标记 var chb = document.getElementsByName("City"); for (var i = 0; i < chb.length; i++) { alert(chb[i].tagName); } </script>

1楼

四月 5th, 2011 at 10:15 下午 wtaxum 说:

可是现在，没有id ,只有getElementsByName 而我用var tem=window.document.getElementsByName ("_14051:_ctl5:_ctl4").selectedIndex 却获取不到值，请问。该怎么解决！

2楼

四月 5th, 2011 at 10:16 下午 boysee 说:

光有name地话，就用 var tem=window.document.getElementsByName("_14051:_ctl5:_ctl4")[0].selectedIndex;

3楼

四月 5th, 2011 at 10:17 下午 xydrj 说:


document.getElementsByName("_14051:_ctl5:_ctl4")[0].value;

4楼

四月 5th, 2011 at 10:17 下午 aw3fae 说:

我只想获取这个下拉框选择了是哪个？而这个空间只有Name，请问代码该怎么选？

5楼

四月 5th, 2011 at 10:18 下午 rongxin 说:

getElementsByName 是根据dom 元素 name 属性获取一个集合

var tem=window.document.getElementsByName("_14051:_ctl5:_ctl4");

if(tem && tem.length)alert(tem[0].selectedIndex);

6楼

四月 5th, 2011 at 10:19 下午 hahamy 说:

浏览器地区别，IE 都是一样地火狐就有区别

7楼

四月 5th, 2011 at 10:19 下午 546914408 说:

写了个小例子，希望能让你理解点

8楼

四月 5th, 2011 at 10:20 下午 cxjasx 说:

如果只要获得一个元素地话，用Id去标识它，得到用document.getElementById，如果要获得一组元素地话，用document.getElementsByName (要用name标记)或者document.getElementsByTagName

9楼

四月 5th, 2011 at 10:21 下午 boysee 说: