document.getElementsByName 的一个例子

<P class=MsoPlainText><SPAN
              style="mso-spacerun: yes">&nbsp; </SPAN>1.装配修理电器或玩具。&nbsp; <INPUT  
              type=radio  value=y name=w1> 是&nbsp; <INPUT type=radio  
              value=n name=w1> 否</P> 
              <P class=MsoPlainText><SPAN
              style="mso-spacerun: yes">&nbsp;
              </SPAN>2.修理自行车。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
              <INPUT type=radio  value=y name=w2> 是&nbsp; <INPUT  
              type=radio value=n name=w2> 否</P> 
              <P class=MsoPlainText><SPAN
              style="mso-spacerun: yes">&nbsp;
              </SPAN>3.用木头做东西。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <INPUT  
              type=radio  value=y name=w3> 是&nbsp; <INPUT type=radio  
              value=n name=w3> 否</P> 
              <P class=MsoPlainText><SPAN
              style="mso-spacerun: yes">&nbsp;
              </SPAN>4.开汽车或摩托车。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <INPUT type=radio  
               value=y name=w4> 是&nbsp; <INPUT type=radio value=n  
              name=w4> 否</P> 
              <P class=MsoPlainText><SPAN
              style="mso-spacerun: yes">&nbsp;
              </SPAN>5.用机器做东西。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <INPUT  
              type=radio  value=y name=w5> 是&nbsp; <INPUT type=radio  
              value=n name=w5> 否</P> 
              <P class=MsoPlainText><SPAN
              style="mso-spacerun: yes">&nbsp; </SPAN>6.参加木工技术学习班。&nbsp; <INPUT  
              type=radio  value=y name=w6> 是&nbsp; <INPUT type=radio  
              value=n name=w6> 否</P> 
              <P class=MsoPlainText><SPAN
              style="mso-spacerun: yes">&nbsp; </SPAN>7.参加制图描图学习班。&nbsp; <INPUT  
              type=radio  value=y name=w7> 是&nbsp; <INPUT type=radio  
              value=n name=w7> 否</P> 
              <P class=MsoPlainText><SPAN
              style="mso-spacerun: yes">&nbsp;
              </SPAN>8.驾驶卡车或拖拉机。&nbsp;&nbsp;&nbsp; <INPUT type=radio   
              value=y name=w8> 是&nbsp; <INPUT type=radio value=n name=w8>  
              否</P> 
              <P class=MsoPlainText><SPAN
              style="mso-spacerun: yes">&nbsp; </SPAN>9.参加机械和电气学习。&nbsp; <INPUT  
              type=radio  value=y name=w9> 是&nbsp; <INPUT type=radio  
              value=n name=w9> 否</P> 
              <P class=MsoPlainText><SPAN
              style="mso-spacerun: yes">&nbsp;</SPAN>10.装配修理电器。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
              <INPUT type=radio  value=y name=w10> 是&nbsp; <INPUT  
              type=radio value=n name=w10> 否</P> 

//判断

function whriteAll()
 {
  //r型 i型 a型 s型 e型 c型;
 var r=0;
 var w=0;
 var a=0;
 var s=0;
 var e=0;
 var c=0;
 for(var i=1;i<=60;i++)
  {
  var pid =document.getElementsByName("w"+i);
  
   if(document.getElementsByName("w"+i).item(0).checked==true)
   {
    if(i<=10)
    {
     r++;
    }
    if(i<=20 && i>10)
    {
     w++;
    }
    if(i<=30 && i>20)
    {
     a++;
    }
    if(i<=40 && i>30)
    {
     s++;
    }
    if(i<=50 && i>40)
    {
     e++;
    }
    if(i<=60 && i>50)
    {
     c++;
    }
   }
   
  
   }
  
   alert("r型选中"+r+"");alert("w型选中"+w+"");alert("a型选中"+a+"");alert("s型选中"+s+"");alert("e型选中"+e+"");alert("c型选中"+c+"");
 }

### 回答1: `document.getElementById()` 方法用于获取 HTML 页面中指定 ID 的元素。它接受一个字符串参数,该参数是要查找的元素的 ID。 语法如下: ```js document.getElementById(elementID) ``` 其中,`elementID` 是要获取的元素的 ID。 例如,如果页面中有一个 ID 为 "myElement" 的元素,我们可以使用以下代码获取它: ```js var myElement = document.getElementById("myElement"); ``` 获取到元素之后,我们可以对它进行操作,例如更改它的内容、样式或属性等。 ### 回答2: document.getElementById()是 JavaScript 中的一个方法,用于获取指定id的HTML元素。参数为一个字符串,即所需元素的id名称。 使用方法如下: 1. 在HTML文件中,给需要获取的元素添加一个唯一的id属性,例如:`<div id="myDiv"></div>`。 2. 在JavaScript中,使用document.getElementById()方法获取该元素:`var element = document.getElementById("myDiv");`。 3. 可以通过该变量element对元素进行修改或操作,例如修改元素的样式、内容等。 该方法的特点和注意事项如下: 1. id属性在HTML文档中应该是唯一的,即每个元素的id名称应该是不同的,否则只能获取到第一个匹配的元素。 2. 如果指定的id不存在,则返回null。 3. 该方法返回的是一个对象,表示指定id元素的引用。可以在JavaScript中使用这个引用进行后续操作。 4. 获取到的元素是一个实时的引用,即如果在获取后修改了该元素的内容或样式,变量中的元素也会发生相应的更新。 5. 该方法只能获取通过id属性定义的元素,无法获取通过class、标签名等方式定义的元素。 举个例子,假设页面中有一个按钮元素,其id为"myButton",我们可以通过以下代码获取并修改该按钮的样式: ``` var button = document.getElementById("myButton"); button.style.backgroundColor = "red"; button.disabled = true; ``` 总之,document.getElementById()是一种常用的方法,可以通过元素的id快速获取到对应的HTML元素,方便进行后续的操作和修改。 ### 回答3: document.getElementById()是JavaScript语言中的一个方法,用于通过元素的id属性获取DOM树中的指定元素。 使用该方法时,需要传入一个字符型参数,即要获取元素的id值。例如,若要获取id为"myElement"的元素,可以使用document.getElementById("myElement")。该方法会返回一个对象,代表匹配到的元素。 如果未找到id匹配的元素,即DOM树中没有对应id的元素存在,该方法将返回null。 使用document.getElementById()的优点是可以很快捷地获取DOM树中的指定元素,省去了遍历整个DOM树的过程。该方法非常常用,可以用来获取页面上的各种元素,如文本框、按钮、图片等。 获取到的元素对象可以继续使用其他DOM方法和属性来操作或修改元素的样式、内容等。例如,可以使用getElementById()方法获取一个文本框元素,再用该元素的value属性获取或修改输入框的值。 需要注意的是,通过该方法获得的是单个元素对象,如果有多个元素具有相同的id值,该方法只会返回第一个匹配到的元素。如果想要获取页面上所有id匹配的元素,需要使用其他方法,比如document.getElementsByName()。 总之,document.getElementById()是一种方便快捷的获取DOM树中指定元素的方法,常用于JavaScript中对页面元素进行操作和修改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值