Question

使用此代码，我试图获取链接的href属性并创建该属性的新链接。为什么我的链接不起作用，我不知道。它显示了这样的事情：

404 - 无法找到该页面

Sorry, we cannot find the page

它可能已被删除，名称已更改，或者是暂时的   不可用。

请检查网站地址拼写是否正确。

或者转到我们的主页，然后使用菜单导航到特定的菜单   部分。

这是我的代码：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
      text ="";
      text +=$("#w3s").attr("href");

        document.getElementById("demo").innerHTML="<a href=\'text\'>W3Schools.com</a>";
    });
});
</script>
</head>
<body>

<p><a href="http://www.w3schools.com" id="w3s">W3Schools.com</a></p>

<button>Show href Value</button>
<p id="demo"></p>

</body>
</html>

如果我使用：

document.getElementById("demo").innerHTML = text;

显示http://www.w3schools.com。为什么链接没有到这个网站？

Answer 1

如果您要使用jQuery遍历和操作DOM，请使用jQuery。如果您要使用vanilla javascript ...那就行。试着不要混合它们！从长远来看，事情变得更容易。无论如何，你可以做这样的事情来设置href属性;

$('#demo').attr('href', text);

或

document.getElementById('demo').href = text;

顺便说一句

"<a href=\'text\'>W3Schools.com</a>"

完全不是你在javascript中如何进行字符串连接。应该是

'<a href="' + text + '">W3Schools.com</a>'

jQuery DOM操作不会获得href属性

1 个答案: