Javascript 使用prototype js更改子图像源

Javascript 使用prototype js更改子图像源,javascript,html,prototypejs,Javascript,Html,Prototypejs,如何在使用prototype单击父链接时更改图标路径 给这只猫剥皮的方法大约有一百万种,但这可能会给你一些使用原型材料的想法 我使用的不是“舒适”,而是图像大小。有点混乱,但我想在点击时显示一个视觉变化。我强烈建议不要对这种类型的东西(或大多数其他类型的东西)使用onclick属性 <p> <a data-toggle-amenity='64' href="#"> <input type="image" id="parks_button" src="h

如何在使用prototype单击父链接时更改图标路径


给这只猫剥皮的方法大约有一百万种,但这可能会给你一些使用原型材料的想法

我使用的不是“舒适”,而是图像大小。有点混乱,但我想在点击时显示一个视觉变化。我强烈建议不要对这种类型的东西(或大多数其他类型的东西)使用onclick属性

<p>
  <a data-toggle-amenity='64' href="#">
    <input type="image" id="parks_button" src="http://www.google.com/images/icons/product/chrome-128.png" name="commit">
  </a>
</p>

<p>
  <a href="#">This anchor won't fire</a>
</p>​
document.on('click', 'a[data-toggle-amenity]', function(event, element) {
  var amenityToggleType = element.readAttribute('data-toggle-amenity');
  element.down('input').writeAttribute({src: 'http://www.google.com/images/icons/product/chrome-' + amenityToggleType + '.png'});
  element.writeAttribute('data-toggle-amenity', null); // removes the attribute
});​