getElementsByName和getElementsByTagName得区别
2009-08-25 22:32
302 查看
上一篇降到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="#;" onclick="alert(getValue());">取第三个的值</a> <a href="#;" onclick="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="#;" onclick="alert(getValue());">取第三个的值</a> <a href="#;" onclick="alert(getTxt());">取第三个的文本</a>
此处用的是getElementsByName,及获得SELDET中的name值,结果和上面的一样。
<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="#;" onclick="alert(getValue());">取第三个的值</a> <a href="#;" onclick="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="#;" onclick="alert(getValue());">取第三个的值</a> <a href="#;" onclick="alert(getTxt());">取第三个的文本</a>
此处用的是getElementsByName,及获得SELDET中的name值,结果和上面的一样。
相关文章推荐
- javascript getElementByID,getElementsByName,getElementsByTagName的区别
- document.getElementsByName()与 document.getElementById()、document.getElementsByTagName()的区别
- 区别getElementByID,getElementsByName,getElementsByTagName
- JavaScript 之 getElementByID() getElementsByName() getElementsByTagName()的区别
- getElementById(), getElementsByName(), and getElementsByTagName()使用与区别
- getElementById与getElementsByName 与getElementsByTagName的区别总结
- JS中获取元素使用getElementByID()、getElementsByName()、getElementsByTagName()的用法和区别
- etElementByID getElementsByName getElementsByTagName的区别和总结 +js+Mxl+xmlhttp
- document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById
- getElementById getElementsByName getElementsByTagName 的用法与区别
- getElementByID,getElementsByName,getElementsByTagName的区别
- getElementById,getElementsByTagName,getElementsByName,getElementsByClassName的区别
- getElementByID getElementsByName getElementsByTagName的区别和总结
- getElementById,getElementsByName,getElementsByTagName的区别
- getelementbyid, getelementsbyname, getelementsbytagname 的区别和总结
- document.getElementById()、document.getElementsByName()、document.documentElement.getElementsByTagName的区别
- getElementById getElementsByName getElementsByTagName 的用法与区别
- document.getElementsByName()与 document.getElementById()、 document.documentElement.getElementsByTagName的区别
- etElementByID getElementsByName getElementsByTagName的区别和总结
- getElementByID getElementsByName getElementsByTagName的区别和总结