替換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元素值

回答

相關問題