replace html element value

Question

Im trying to prompt for a value that will replace the value for "data-amount", How would you go about doing this?

<html>

<body>

<a href="http://google.com/" class="dwolla_button" data-name="Lease" data-desc="Payments" data-amount="4" data-shipping="0" data-tax="0" data-guest-checkout="true" data-key="xxxxx">Bank </a>


<script type="text/javascript" src="https://www.dwolla.com/scripts/button.min.js"> </script>

</body>

</html>

I have tried to replace using javascript in this manner

<script>
document.getElementByClass("dwolla_button").data-amount="43";
</script>

and have thought about using jquery like this but wasn't sure how to load jquery in the first place

$("a").attr("data_amount", "43")

Any ideas?

the whole code that ive tried fully is

<html>
  <body>

    <a href="http://249lease.webs.com/" class="dwolla_button" data-name="Lease" data-desc="Payments" data-amount="5" data-shipping="0" data-tax="0" data-guest-checkout="true" data-key="sHqCOc31Vh3JiAsPhBfEk5f4D9bAWKLzwaT06ah3Aw65i0gkZl">Bank Account (25¢)</a>


<script type="text/javascript">

document.getElementByClass("dwolla_button")[0].setAttribute("data-amount", "43");
</script>  

    <script type="text/javascript" src="https://www.dwolla.com/scripts/button.min.js"> </script>

  </body>
</html>

Albert Xing · Accepted Answer · 2013-03-09 22:07:12Z

1

The simple JS solution is:

document.getElementsByClassName("dwolla_button")[0].setAttribute("data-amount", "43");

Which would work if the dwolla_button is the first (or only) dwolla_button in the page.

edited Mar 9, 2013 at 22:07

answered Mar 9, 2013 at 19:37

Albert Xing

5,7883 gold badges23 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Pekka Over a year ago

Yay for vanilla JS (just saw the OP may not have jQuery already loaded)

Josh Murray Over a year ago

how would i write this into my script i tried adding this <script type="text/javascript"> document.getElementByClass("dwolla_button")[0].setAttribute("data-amount", "43"); </script>

Albert Xing Over a year ago

That should work. But you have to make sure that there's only one <a> with the class dwolla_button in the page, or that the one you are targeting is the first dwolla_button in the page. Do you have a specific page you can link to, or can you give me the entire HTML file?

Albert Xing Over a year ago

Is it still not working? Try to put your custom script after the dwolla script. In other words, put it right before the </body> tag, to make sure the other script does not override yours.

Albert Xing Over a year ago

Right. Sorry for the typo.

Pekka · Accepted Answer · 2013-03-09 19:35:10Z

0

if you already have jQuery, jQuery.data() is what you're looking for:

$(".dwolla_button").data("amount", 43)

it will use HTML 5's data properties where supported, and its own implementation in older browsers.

answered Mar 9, 2013 at 19:35

community wiki

Pekka

Comments

Sri Tirupathi Raju · Accepted Answer · 2013-03-09 19:38:45Z

0

include this script that google provides for loading jquery :-

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

answered Mar 9, 2013 at 19:38

Sri Tirupathi Raju

8395 silver badges14 bronze badges

Collectives™ on Stack Overflow

replace html element value

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related