Как добавить новый элемент изображения в html ссылку href с помощью javascript? - PullRequest
Новая
       7

Как добавить новый элемент изображения в html ссылку href с помощью javascript?

0 голосов
/ 01 декабря 2018

У меня проблема с созданием нового элемента изображения для этого кода: 

<a href="/sound-packs/" data-link-title="Sound Packs">Sound Packs</a>

К сожалению, у меня нет доступа к HTML-коду, потому что он принадлежит заблокированному шаблону "jimdo".Я могу вставлять только CSS-коды и javascript в «область головы».Есть ли способ добавить элемент изображения в этот HTML-код с помощью JavaScript?

1 Ответ

0 голосов
/ 01 декабря 2018

Да, есть способ сделать это, используя только javascript.Во-первых, вам нужно установить функцию обратного вызова window.onload для функции.Внутри этой функции вы можете получить элемент, к которому хотите добавить изображение.Здесь я добавил изображение к элементу с атрибутом data-link-title, равным "Sound Packs".

Наконец, вы можете использовать .innerHTML для этого элемента, чтобы добавить HTML, который вы хотите добавить в этот элемент,Здесь я добавил <br /> с последующим тегом <img>: 

document.body.onload = function() {
  let soundPacks = document.querySelector('[data-link-title="Sound Packs"]');
  soundPacks.innerHTML += "<br /><img src='https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png?v=c78bd457575a' alt='StackOverflow Logo'/>";
}
<a href="/sound-packs/" data-link-title="Sound Packs">Sound Packs</a>
...