更改页面加载时的href值而不添加类

Question

我正在尝试覆盖通过CMS写入某些代码的旧链接，因此我无法轻松访问基本代码。

我正在尝试添加一个脚本，用新的覆盖当前链接。

这是我的代码：

脚本：

function linkChange() {

    var links = document.getElementById("titlecontent");
    links.getElementsByTagName("a").href = "http://www.cnn.com/";

}

或

function linkChange() {

    document.getElementById("titlecontent").getElementsByTagName("a").href = "http://www.cnn.com/";

}

HTML：

<ul id="titlecontent"><a href="link_to_change"><li>link</li></a></ul>

主要问题是我无法进入并在<a>标记中添加ID或类，因此我需要从<ul>开始定位，其标识为“titlecontent”。

Answer 1

这有效：

document.getElementById("titlecontent").getElementsByTagName("a")[0].href = "http://www.cnn.com/";

<ul id="titlecontent"><a href="link_to_change"><li>link</li></a></ul>

问题是您需要在getElementsByTagName中选择一个特定元素，因为它会返回一个元素列表，而不仅仅是一个元素。