替换html元素值

我试图提示输入一个值来替换“data-amount”的值，你会如何去做这件事？替换html元素值

<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>

我试图以这种方式

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

使用JavaScript来代替，并有想过使用jQuery这样的，但不知道如何在第一时间

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

加载的jQuery

任何想法？

是香港专业教育学院完全试过整个代码是

<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>

来源

2013-03-09 Josh Murray

如果你已经拥有jQuery的，jQuery.data()是你在找什么：

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

它将使用HTML 5的data性能，其中支持，以及旧版浏览器中自己实现的。

来源

2013-03-09 19:35:10

简单的JS的解决方案是：

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

如果dwolla_button是在页面的第一（或唯一）dwolla_button这会工作。

来源

2013-03-09 19:37:05

耶香草JS（刚才看到的OP可能没有的jQuery已经加载） – 2013-03-09 19:38:22

我怎么会写这到我的剧本我尝试添加该 – 2013-03-09 20:16:52

这应该工作。但是你必须确保在页面中只有一个'''dwolla_button'类，或者你想要的那个是页面中的第一个'dwolla_button'。你有一个特定的页面可以链接到，或者你可以给我整个HTML文件吗？ – 2013-03-09 20:22:21

包括这个脚本，谷歌提供了加载的jQuery： -

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

来源

2013-03-09 19:38:45

替换html元素值

回答

相关问题