我在此处为此代码创建新的图像元素时遇到问题:
<a href="/sound-packs/" data-link-title="Sound Packs">Sound Packs</a>
不幸的是,我无权访问HTML代码,因为它属于“ jimdo”的锁定模板。我只能在“头部”插入CSS代码和javascript。有没有一种方法可以使用javascript将图像元素添加到此HTML代码中?
最佳答案
是的,有一种方法可以只使用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>