GetElementById,GetElementName

最新推荐文章于 2025-05-18 18:13:19 发布

huangzhen222

最新推荐文章于 2025-05-18 18:13:19 发布

阅读量980

点赞数

CC 4.0 BY-SA版权

文章标签： radiobutton textbox button javascript div 2010

本文链接：https://blog.youkuaiyun.com/huangzhen222/article/details/7209919

本文深入探讨了JavaScript中getElementById和getNameBy的方法应用，通过实例展示了如何利用这两个方法获取HTML元素，并详细解释了它们的使用场景及注意事项。同时，文章还对比了getElementById在不同上下文中的表现，以及getNameBy方法如何遍历和处理具有相同Name属性的元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

GetElementById方法（非常常用），根据元素Id获得对象，网页中Id不能重复，也可以直接通过元素的Id来引用元素，但是有有效范围之类的问题，因此不建议直接通过Id操作元素，而是通过GetElementById .

GetElementById方法在VisualStudio2010中不能在Form中编写，否则有错误。

<head>

functionbtnClick() {

// alert(textbox.value);

//还可¦以样写不管¨在不在Form中D都可用

vartxt = document.getElementById(textbox);

alert(textbox.value);

}

functionbtnClickboss() {

// alert(textboss.value);//错ä¨ª误¨®

// alert(form1.textboss.value);//正y确¨¡¤

vartxt = document.getElementById(textboss);

alert(textboss.value);

}

</script>

</head>

<body>

<!--<formaction="HTMLPage新?闻?代ä¨²码?1.htm"id ="form1">

</form>-->

</body>

</html>

GetElementName,根据元素的Name获得对象，由于页面中元素的Name可以重复，比如多个RadioButton的Name一样，因此GetElementByName返回值是对象的数组。

<head>

var radios= document.getElementsByName("gender");

functionbtnClick() {

// //在¨²JS中Dfor(var radio in radios)不?像?C#中D的Ì?foreach遍À¨¦历¤¨²每?个?元a素?，ê?而?是º?遍À¨¦历¤¨²的Ì?Key（ê¡§属º?性?）ê?

// for (var radio in radios) {

// alert(radio.value);

// }

for(i = 0; i < radios.length; i++) {

varradio = radios[i];

alert(radio.value);

}

</script>

</head>

<body>

<input type="radio"name="gender"value="boy" />boy

<input type ="radio"name="gender"value="girl" />girl

<input type ="radio"name= "gender"value="protect"/>mimi

</body>

</html>

<head>
<title></title>
<style type="text/css"> div{font-size:12px;font-family:arial}.baidu{font-size:14px;line-height:24px;font-family:arial} a,a:link{color:#0000cc;}
.baidu span{color:#6f6f6f;font-size:12px} a.more{color:#008000;}a.blk{color:#000;font-weight:bold;}</style>
</head>
<body>
林依晨的资料
<script language="JavaScript" type="text/JavaScript" src="http://news.baidu.com/ns?word=title%3A%C1%D6%D2%C0%B3%BF&tn=newsfcu&from=news&cl=2&rn=5&ct=0"></script>
依晨好靓
</body>

睡前必听：SHE花都开好了，林依晨孤单北半球，少女时代Gee。今天又完了。。。