我在此处为此代码创建新图像元素时遇到问题:
<a href="/sound-packs/" data-link-title="Sound Packs">Sound Packs</a>
不幸的是,我无法访问 HTML 代码,因为它属于“jimdo”的锁定模板。我只能在“head area”中插入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>
关于javascript - 如何使用 javascript 将新的图像元素添加到 html href 链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53567760/