Question

我在此处为此代码创建新的图像元素时遇到问题：

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

不幸的是，我无权访问HTML代码，因为它属于“ jimdo”的锁定模板。我只能在“头部”插入CSS代码和javascript。有没有办法使用javascript在此HTML代码中添加图片元素？

Answer 1

是的，有一种方法可以只使用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>

如何使用javascript将新图像元素添加到html href链接？

1 个答案: