如何设置没有类或id的链接的href?

时间:2015-11-07 19:35:46

标签: javascript html google-chrome google-chrome-extension

标题告诉所有人;我正在尝试更改没有课程或ID的链接。

例如,假设我有一个基本网站,其代码如下:

<!DOCTYPE html>
<html>
    <body>
        <div id="randomdiv">
            <a href="http://google.com">Google</a>
        </div>
        <a href="http://yahoo.com">Yahoo</a>
    </body>
</html>

我正在尝试将google.com链接更改为stackoverflow.com。如您所见,该链接没有ID或类,但链接的父div randomdiv具有ID。此外,页面上还有其他链接,因此我无法将更改应用于所有链接。

我试过了:

var d = document.getElementById("randomdiv");
d > a.href = "http://stackoverflow.com";

随机猜测。但这没有用。

任何想法?感谢。

2 个答案:

答案 0 :(得分:5)

使用querySelector选择锚点

document.querySelector("#randomdiv a").href = "http://www.example.com";

答案 1 :(得分:1)

WRT http://www.w3schools.com/js/js_htmldom_elements.asp

您始终可以从元素中搜索元素。

var d = document.getElementById("randomdiv");
d. getElementsByTagName('a')[0].href = "http://stackoverflow.com";