查找元素节点
来源:互联网 发布:js点击空白处隐藏 编辑:程序博客网 时间:2024/04/30 08:54
寻找一个有着给定 id 属性值的元素,返回值是一个有着给定 id 属性值的元素节点。如果不存在这样的元素,它返回 null。var oElement = document.getElementById ( sID ), 该方法只能用于 document 对象。
例如:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>查找元素节点</title>
<script language="javascript">
function test(){
var c=document.getElementById("tid");
//获取元素的值
alert("c.value: "+c.value)
//获取元素的类型
alert("c.type: "+c.type)
}
</script>
<!--script写在前后有区别的-->
<body>
<center>
<input type="text" value="yuhan20081021" id="tid" onclick="test()">
</body>
</center>
</html>
【2】getElementsByName()
寻找有着给定name属性的所有元素,这个方法将返回一个节点集合,这个集合可以当作一个数组来处理。这个集合的 length 属性等于当前文档里有着给定name属性的所有元素的总个数。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>查找元素节点</title>
<script language="javascript">
function test(){
var tnameArray=document.getElementsByName("tname");
alert("共有:"+tnameArray.length+"个");
for(var i=0;i<tnameArray.length;i++){
window.alert(tnameArray[i].value);
<!-- alert(tnameArray[i].value);-->
}
}
</script>
<body>
<center>
<form name="cpp">
<input type="text" name="tname" value="国庆60年_1" /><br>
<input type="text" name="tname" value="国庆60年_2" /><br>
<input type="text" name="tname" value="国庆60年_3" /><br>
<input type="button" name="ok" value="保存" id="ok" onclick="test();">
</form>
</body>
</center>
</html>
【3】getElementsByTagName()
寻找有着给定标签名的所有元素,这个方法将返回一个节点集合,这个集合可以当作一个数组来处理。这个集合的 length 属性等于当前文档里有着给定标签名的所有元素的总个数。
var elements = document.getElementsByTagName(tagName);
var elements = element.getElementsByTagName(tagName);
该方法不必非得用在整个文档上。它也可以用来在某个特定元素的子节点当中寻找有着给定标签名的元素。
var container = document.getElementById(“sid”);
var elements = container.getElementsByTagName(“p”);
alert(elements .length);
// //处理input
// var inputElements=document.getElementsByTagName("input");
// //输出input标签的长度
// //alert(inputElements.length);
// for(var i=0;i<inputElements.length;i++){
// if(inputElements[i].type!='button'){//submit
// alert(inputElements[i].value);
// }
// }
var inputElements=document.getElementsByTagName("input");
for(var i=0;i<inputElements.length;i++){
if (inputElements.type != 'submit') {
inputElements[i].onchange = function(){
alert(this.value)
};
}
var selectElements=document.getElementsByTagName("select");
for (var i = 0; i < selectElements.length; i++) {
selectElements[i].onchange=function(){
alert(this.value);
}
}
//处理select
// //获取select标签
// var selectElements=document.getElementsByTagName("select");
// //获取select下的子标签
// for(var j=0;j<selectElements.length;j++){
// var optionElements=selectElements[j].getElementsByTagName("option");
// for(var i=0;i<optionElements.length;i++){
// alert(optionElements[i].value);
// }
// }
var textareaElements=document.getElementsByTagName("textarea");
alert(textareaElements[0].value);
var inputElements=document.getElementsByTagName("input");
for(var i=0;i<inputElements.length;i++){
if (inputElements.type != 'submit') {
inputElements[i].onchange = function(){
alert(this.value)
};
}
var selectElements=document.getElementsByTagName("select");
for (var i = 0; i < selectElements.length; i++) {
selectElements[i].onchange=function(){
alert(this.value);
}
}
var textareaElements=document.getElementsByTagName("textarea");
for (var i = 0; i < textareaElements.length; i++) {
textareaElements[i].onchange = function(){
alert(this.value);
};
}
- 查找元素节点
- 查找元素节点【DOM】
- jquery中查找元素节点
- JS 遍历子节点查找元素
- 查找下一个元素节点(getNextElement函数)
- 查找某节点的父节点的父节点的父节点下的a元素
- Javascript脚本语言简介、查找元素节点、查看是否存在子节点、根节点
- 【推荐】javascript基础之查找元素(访问节点)
- 使用jQuery查找父元素或父节点的方法
- 查找链表中倒数第k个节点元素
- 遍历节点树、遍历元素树、遍历API、查找 API
- 【WPF】查找父/子控件(元素、节点)
- JavaScript_查找指定节点之后的下一个元素节点_getNextElement(node)_JavaScript扩展
- 查找节点
- 元素节点、属性节点
- 查找元素
- 元素查找
- 查找元素
- hdu 1082 Matrix Chain Multiplication
- ubuntu 下 配置 Android NDK开发环境
- 深入研究equals方法
- H题 完全背包
- TopCoder 250 points 15-SRM 151 DIV 1 121.73/250 48.69%
- 查找元素节点
- HDOJ--1596--find the safest road【最短路】
- K题 多重背包
- 我常去的网站等等(给自己备着)
- 在VC下执行DOS命令并得到输出
- 使用C语言获取指定域名的IP
- M题 二维费用背包
- 基于UDP的select函数用法
- N题 第K大背包