Question

这是我的任务：

定义一个名为titleLinks的函数。调用后，titleLinks函数应将当前页面上每个链接的title属性更新为以下内容：这是一个链接：href

这是我到目前为止所拥有的：

  function titleLinks（）{
    var table = document.getElementsByTagName（'title'）; //获取类似数组的标题列表
    for（让i = 0; i 
    }

也；我基本上知道如何使用chrome开发人员工具来查看会发生什么，但是一旦正确编码后如何调用它？

Answer 1

您处在正确的轨道上。几处更改。

您需要链接（document.getElementsByTagName('title');元素而不是<a>。 <title>元素进入<head>一次，并定义页面的标题。

一旦有了链接，就可以使用.getAttribute('href');来获取href。

然后要套用新标题，您可以使用.setAttribute('title', 'your value')

完整示例：

function titleLinks() {
    let table = document.getElementsByTagName('a'); //gets array-like list of links
    for (let i = 0; i < table.length; i++) {
      let thisHref = table[i].getAttribute('href')
      table[i].setAttribute('title', "This is a link to:" + thisHref);
    }
}

要在代码中调用该函数，则可以使用titleLinks();，也可以在控制台中键入该代码以运行您的函数（如果您已经在.js文件或控制台中定义了该函数）。

文档：

定义一个功能来更新网页的<title>属性

1 个答案: