<!--document.getElementById( "id")的技巧-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> document.getElementById()使用技巧 </title>
</head>
<p>
在我们写javascript的时候经肯定会经常用到 document.getElementById() 这个方法,这么长一串很容易写错,而且其中getElementById又有大小写之分。
其实prototype.js里提倡的一个方法就是使用$()简写,通过以下的函数,你可以用$('id')来实现document.getElementById('id') 这个功能,怎么样,很爽吧
</p>
<!--常用字符串集合,爽-->
<script>
function $()
{
var elements = new Array();
for (var i = 0; i < arguments.length; i++)
{
var element = arguments[i];
if (typeof element == 'string')
element = document.getElementById(element);
if (arguments.length == 1)
return element;
elements.push(element);
}
return elements;
}
</script>
<body>
text1:
<input name="textName1" type="text" id="textName1" />
<br>
text2:
<input name="textName2" type="text" id="textName2" />
<br>
<input type="button" name="Submit" value="text1" οnclick=alert($('textName1').value) />
<input type="button" name="Submit2" value="text2" οnclick=alert($('textName2').value) />
</body>
</html>