2017-02-20 83 views
1

所以這個作品的前半部分。按鈕ID「oneChange」會在點擊時正確更改href鏈接..但它不會更改元素ID「data-target」的數據值。JS功能改變值

我使用http://bernii.github.io/gauge.js/

感謝

function f1() 
{  
    var link = document.getElementById("ramchange"); 
    link.setAttribute("href", "xyz.php"); 
    var target = document.getElementById('data-target'); 
    gauge.set("1024"); 
    return false;  
} 

更新:根據註釋的建議,仍然無法正常工作。我做對了嗎?

{ 
    var link = document.getElementById("ramchange"); 
    link.setAttribute("href", "cart.php?a=add&pid=1"); 
    target = document.querySelector('[data-target="target"]'); 
    console.log(target.value="1024"); 
    return false; 

} 
+0

你不設置'數據value'的'數據target'元。你所做的只是設定儀表值。你會得到一個名爲'target'的'data-target'元素的引用,但你永遠不會使用它。 –

+0

謝謝。我不擅長JS!所以我想我需要改變「gauge.set(」1024「);」到別的東西? – FrozenSnow

回答

0

可以使用document.querySelector()像這樣選擇你的元素data-target ..

target = document.querySelector('[data-target="target"]'); 
 
target.setAttribute("data-target","new value"); 
 
console.log(target.getAttribute("data-target")); 
 
console.log(target.textContent);
<p data-target='target'>Some text</p>

+0

嗨。謝謝。那麼如何改變這個值呢? ex)data-value =「0」...點擊按鈕.... data-value =「1024」 – FrozenSnow

+0

只是嘗試使用'target.value = 1024;' –

+0

在主要問題 – FrozenSnow