获得jsp页面对象简易方法

最新推荐文章于 2021-12-12 20:42:49 发布

iteye_891

最新推荐文章于 2021-12-12 20:42:49 发布

阅读量597

点赞数

分类专栏： javascript 文章标签： JSP

javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

平常我们在JSP页面中获得一个对象的时候经常是使用 document.getElementById等方法，现在我们把这个方法封装之后，就直接可以使用$("ID")来获得指定的对象。

js的封装：

function $(element) {
if (arguments.length > 1) {
for (var i = 0, elements = [], length = arguments.length; i < length; i++)
elements.push($(arguments[i]));
return elements;
}//可以放多个ID，返回的是一个数组

//获得一个对象
if (typeof element == 'string')
return document.getElementById(element);
}
</script>

------例子：-------------------------------------------------------

<html>
<head>
<script language="JavaScript">
function $(element) {
if (arguments.length > 1) {
for (var i = 0, elements = [], length = arguments.length; i < length; i++)
elements.push($(arguments[i]));
return elements;
}//可以放多个ID，返回的是一个数组

//获得一个对象
if (typeof element == 'string')
return document.getElementById(element);
}
</script>

<script language="JavaScript">
function doTest(){
var ary=$("idTel","idName");
for(var i=0;i<ary.length;i++){
var strValue=ary[i].value;
alert(i)
alert(strValue);
}

}
</script>
</head>

<body>
<form action="" method="post" name="">

<input type="text" name="tel" id="idTel" value="">
<input type="text" name="" id="idName" value="">

<input type="button" name="" value="btn_3" οnclick="doTest()">
<input type="button" name="isNum" value="提交" οnclick="doTest()">

</form>

</body>
</html>

iteye_891

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
获得jsp页面对象简易方法

平常我们在JSP页面中获得一个对象的时候经常是使用 document.getElementById等方法，现在我们把这个方法封装之后，就直接可以使用$("ID")来获得指定的对象。js的封装：function $(element) { if (arguments.length > 1) { for (var i = 0, elements = [], length ...
复制链接

扫一扫

专栏目录