getElementsByName和getElementsByTagName得区别

上一篇降到getElementsByName是或得名字，getElementsByTagName是或得标签的。下面例子来说明：

 

<form>
   <label>歌曲名称：</label>
  <select  name="ceshi">>
   <option>选择1_0</option>
    <option>选择1_1</option>
    <option>选择1_2</option>
  </select>

  <label>歌曲类型：</label>
  <select  name="ceshi">>
   <option>东方德发试</option>
    <option>选择2_1</option>
    <option>选择2_22_22_22_2</option>
    <option>选择2_22_22_22_3</option>
  </select>

  <label>歌曲心情：</label>
  <select  name="ceshi">
    <option value="3_1">拿这个来测试</option>
    <option value="3_2">选择3_22_22_22_2</option>
    <option value="3_3">选择3_22_22_22_3</option>
    <option value="3_4">选择3_22_22_22_4</option>

  </select>
</form>
<script>
function getValue() {
 var kk = document.getElementsByTagName('select')[2];
 return kk.options[kk.selectedIndex].value;
}
function getTxt() {
 var kk = document.getElementsByTagName('select')[2];
 return kk.options[kk.selectedIndex].innerHTML;
}
</script>
<br /><br /><a href="#;" οnclick="alert(getValue());">取第三个的值</a> <a href="#;" οnclick="alert(getTxt());">取第三个的文本</a>

 

此处用的是getElementsByTagName，及获得SELDET，因为有三个select，数组一次是select【0】、select【1】 、select【2】

 

<form>
   <label>歌曲名称：</label>
  <select  name="ceshi">>
   <option>选择1_0</option>
    <option>选择1_1</option>
    <option>选择1_2</option>
  </select>

  <label>歌曲类型：</label>
  <select  name="ceshi">>
   <option>东方德发试</option>
    <option>选择2_1</option>
    <option>选择2_22_22_22_2</option>
    <option>选择2_22_22_22_3</option>
  </select>

  <label>歌曲心情：</label>
  <select  name="ceshi">
    <option value="3_1">拿这个来测试</option>
    <option value="3_2">选择3_22_22_22_2</option>
    <option value="3_3">选择3_22_22_22_3</option>
    <option value="3_4">选择3_22_22_22_4</option>

  </select>
</form>
<script>
function getValue() {
 var kk = document.getElementsByName('ceshi)[2];
 return kk.options[kk.selectedIndex].value;
}
function getTxt() {
 var kk = document.getElementsByName('ceshi')[2];
 return kk.options[kk.selectedIndex].innerHTML;
}
</script>
<br /><br /><a href="#;" οnclick="alert(getValue());">取第三个的值</a> <a href="#;" οnclick="alert(getTxt());">取第三个的文本</a>

 

 

此处用的是getElementsByName，及获得SELDET中的name值，结果和上面的一样。