prototype中$的使用

最新推荐文章于 2025-09-11 10:42:34 发布

转载最新推荐文章于 2025-09-11 10:42:34 发布 · 87 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/sucre/blog/296228

文章标签：

#xhtml

本文通过实例详细介绍了如何在Prototype.js中使用$方法来选取DOM元素，并提供了具体的代码示例，帮助读者理解$方法的功能及用法。

为什么80%的码农都做不了架构师？>>>

最近项目用到了prototype所以来小研究一下，第一讲$的使用，见代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">      <head>          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />          <title>New Web Project</title>          <script src="prototype.js"></script>          <script>              function test1(){                  var d = $('myDiv');                  alert(d.innerHTML);              }              function test2(){                  var divs = $('myDiv','myOtherDiv');                  for(i = 0;i<divs.length;i++){                      alert(divs[i].innerHTML);                  }              }          </script>      </head>      <body>          <h1>New Web Project Page</h1>          <div id="myDiv">              <p>This is a paragraph</p>          </div>          <div id="myOtherDiv">              <p>This is another paragraph</p>          </div>          <input type="button" value="test1" onclick="test1();"/>          <input type="button" value="test2" onclick="test2();"/>      </body>  </html>

运行界面