Question

我只是想使其成为超链接。使用本地存储，我从文本框中获取了MAKE，MODEL和YEAR。然后将这些值插入到链接，如下所示。 https://www.jdpower.com/cars/MAKE/MODEL/YEAR

尝试添加以添加$（'result'）。attr（'href'，url）; -我想我不明白该如何执行。而不是document.getElementById（'result'）。innerHTML = url;

.js

function generateURL（）{

// document.getElementById('txtMake').value = localStorage.getItem('Make:');
// document.getElementById('txtModel').value = localStorage.getItem('Model:');
// document.getElementById('txtYear').value = localStorage.getItem('Year:');

var part1 = document.getElementById('txtMake').value;
var part2  = document.getElementById('txtModel').value;
var part3 =  document.getElementById('txtYear').value;
var url = "https://www.jdpower.com/cars/"+part1+"/"+part2+"/"+part3;

 document.getElementById('result').innerHTML = url;

}

.html

  a tag with id="result"

任何有关我的担忧的信息都将受到赞赏。

除了链接是可点击的超链接之外，其他所有功能似乎都没有作用。

Answer 1

如果链接（元素）的“ id”为“结果”，请使用：

 $("#result").attr('href', url) ;

使用＃前缀将寻址“命名”元素。如果没有＃号，那么您将寻址一组（或一类）元素。

Answer 2

您可以简单地使用setAttribute方法

document.getElementById（“ result”）。setAttribute（“ href”，url）;

Answer 3

您是正确的，您需要设置href属性。这里的关键是$调用一个接受CSS选择器的函数，而.getElementById只是一个名字。在CSS中，#是指ID，因此您需要：

$('#result').attr('href', url);

或没有jQuery

document.getElementById('result').setAttribute('href', url);

如何将这个本地存储信息变成可点击的链接？

3 个答案: