动态更改href

Question

我如何使用带有条件的javascript更改或向标签添加href属性，例如，如果值在10到15之间，则添加此路径链接，依此类推

这是代码，任何人都可以帮助我

<a class="smt" href="#" onclick="result()">go
</a><input type="text" name="sum"/>

var vo;
var vo = document.querySelector('[name="sum"]').value; //take value from textbox
var a = document.getElementsByClassName("smt"); 
function result(vo,a){
    if(vo >= 10 && vo <= 15){
   a.href ="../result/result1.html";       
    }
}

码笔

Answer 1

艾哈迈德·蒂尔（Ahmed Teir），什么都没有发生，因为当您向锚点提供onclick处理程序时，它会覆盖href属性的行为...

如果要在单击链接时导航到另一个页面，请执行以下操作：

<a id="myLink" href="#" onclick="var vo = document.querySelector('[name="sum"]')[0].value; if (vo >= 10 && vo <= 15) window.location.href = '../result/result1.html';">link text</a>

如果您只想更改锚的href属性，但要保留在同一页面上，请执行以下操作：

<a id="myLink" href="#" onclick="this.href = '../result/result1.html';return false;">link text</a>

Answer 2

getElementsByClassName和querySelector都将返回元素数组，并且您的代码在逻辑上是错误的，这是怎么做的

 var vo; var vo = document.querySelectorAll('[name="sum"]') var a = document.getElementsByClassName("smt"); (vo[0]).addEventListener("keyup", function(){ if(vo[0].value >= 10 && vo[0].value <= 15){ a[0].href ="../result/result1.html"; }else{ a[0].href ="#"; } console.log(vo[0].value >= 10 && vo[0].value <= 15) }); 

 <a class="smt" href="#" onclick="result()">go </a><input type="text" name="sum" id="inpt"/>