2017-02-20 77 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