Определите функцию, которая обновляет атрибут <title>веб-страницы - PullRequest
Новая
       0

Определите функцию, которая обновляет атрибут <title>веб-страницы

0 голосов
/ 23 октября 2018

Вот что мне поручено:

Определить функцию с именем titleLinks.После вызова функция titleLinks должна обновить атрибут title каждой ссылки на текущей странице следующим образом: Это ссылка на: href

Вот что у меня есть: 

function titleLinks(){
    var table = document.getElementsByTagName('title'); //gets array-like list of titles
    for (let i = 0; i < table.length; i++) {
        titleLinks[i]
        console.log "This is a link to:" <href>
    }

Также;Я знаю, в основном, как использовать Chrome Developer Tool, чтобы увидеть, что происходит, но как мне вызвать это, когда я правильно его закодировал?

1 Ответ

0 голосов
/ 23 октября 2018

Вы на правильном пути.Пара изменений.

Вместо document.getElementsByTagName('title'); вам нужны ссылки (элемент <a>).Элемент <title> входит в <head> один раз и определяет заголовок страницы.

Получив ссылки, вы можете использовать .getAttribute('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 или в консоли.)

Документация:

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...