1.使用$()方法
$()方法是在DOM中使用过于频繁的document.getElementById()方法的一个便利的简写，就像这个DOM方法一样，这个方法返回参数传
入的id的那个元素。可以出入多个id作为参数然后$()返回一个带有所有要求的元素的一个Array对象。该函数也能传入对象本身。
实例代码：
<html>
<head>
<script src="../prototype-1.6.0.2.js"></script>
</head>
<body>
<script>
function f(){
var button = $("p1");
alert(button);
var buttons = $("p1","p2");
for(var i = 0 ;i < buttons.length;i++){
alert(buttons[i].value);
}
}
</script>
<form>
<input type="text" value="xxxx" id="p1" />
<input type="text" value="yyyy" id="p2" />
<input type="button" value="xxx" onClick="f()" />
</form>
</body>
</html>
2.使用$F()函数
返回用于返回任何表单输入控件的值，也能用元素id或者元素本身作为参数
var value = $F("p1");
alert(value);
3.使用$A()函数
$A()函数能把它接受到的单个的参数转化成一个Array对象，该方法是对Array类的扩展，能把任何的可枚举的列表转换成或拷贝成一个
Array对象。一个推荐的用法就是把DOM Node Lists转换成一个普通的Array对象。
实例代码
<html>
<head>
<script src="../prototype-1.6.0.2.js"></script>
</head>
<body>
<script>
function test(){
var someNodeList = $('lst').getElementsByTagName('option');
var nodes = $A(someNodeList);
nodes.each(function(node){
alert(node.nodeName + ':' + node.innerHTML);
});
}
</script>
<form>
<select id="lst" size="10">
<option value="4">qq</option>
<option value="5">ww</option>
<option value="6">ee</option>
</select>
<input type="button" value="rr" onClick="test()"
</form>
</body>
</html>
$()方法是在DOM中使用过于频繁的document.getElementById()方法的一个便利的简写，就像这个DOM方法一样，这个方法返回参数传
入的id的那个元素。可以出入多个id作为参数然后$()返回一个带有所有要求的元素的一个Array对象。该函数也能传入对象本身。
实例代码：
<html>
<head>
<script src="../prototype-1.6.0.2.js"></script>
</head>
<body>
<script>
function f(){
var button = $("p1");
alert(button);
var buttons = $("p1","p2");
for(var i = 0 ;i < buttons.length;i++){
alert(buttons[i].value);
}
}
</script>
<form>
<input type="text" value="xxxx" id="p1" />
<input type="text" value="yyyy" id="p2" />
<input type="button" value="xxx" onClick="f()" />
</form>
</body>
</html>
2.使用$F()函数
返回用于返回任何表单输入控件的值，也能用元素id或者元素本身作为参数
var value = $F("p1");
alert(value);
3.使用$A()函数
$A()函数能把它接受到的单个的参数转化成一个Array对象，该方法是对Array类的扩展，能把任何的可枚举的列表转换成或拷贝成一个
Array对象。一个推荐的用法就是把DOM Node Lists转换成一个普通的Array对象。
实例代码
<html>
<head>
<script src="../prototype-1.6.0.2.js"></script>
</head>
<body>
<script>
function test(){
var someNodeList = $('lst').getElementsByTagName('option');
var nodes = $A(someNodeList);
nodes.each(function(node){
alert(node.nodeName + ':' + node.innerHTML);
});
}
</script>
<form>
<select id="lst" size="10">
<option value="4">qq</option>
<option value="5">ww</option>
<option value="6">ee</option>
</select>
<input type="button" value="rr" onClick="test()"
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
