先来看一下官方提供的API(http://www.prototypejs.org/api/element)，这里集中了所有的Element中的元素，我这里只对remove和replace进行测试，come on!

 

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
  2. <html> 
  3.     <head> 
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  5.         <title>Untitled Document</title> 
  6.         <script src="prototype.js"></script> 
  7.         <script> 
  8.             function removeTest(){ 
  9.                 Element.remove('pear'); 
  10.             } 
  11.             function replaceTest(){ 
  12.                 Element.replace('apple','pig小猪'); 
  13.             } 
  14.         </script> 
  15.     </head> 
  16.     <body> 
  17.         <div id="apple">苹果</div> 
  18.         <div id="banana">香蕉</div> 
  19.         <div id="orange">桔子</div> 
  20.         <div id="pear">梨</div> 
  21.         <div id="peach">桃子</div> 
  22.         <div id="watermelon">西瓜</div> 
  23.         <input type="button" value="Remove" onclick="removeTest()"/> 
  24.         <input type="button" value="Replace" onclick="replaceTest()"/> 
  25.     </body> 
  26. </html> 

运行示意图

prototype中Element部分属性测试_职场

 

prototype中Element部分属性测试_职场_02

从以上两个图中可以明显的看到差别所在吧。