如何使用javascript向html href链接添加新的图像元素?

如何使用javascript向html href链接添加新的图像元素?,javascript,html,css,href,Javascript,Html,Css,Href,在此代码中创建新图像元素时遇到问题: <a href="/sound-packs/" data-link-title="Sound Packs">Sound Packs</a> 不幸的是,我无法访问HTML代码,因为它属于“jimdo”的锁定模板。我只能在“头部区域”中插入CSS代码和javascript。有没有一种方法可以使用javascript将图像元素添加到此HTML代码中?是的,有一种方法可以仅使用javascript来实现这一点。首先,您需要将窗口.onl

在此代码中创建新图像元素时遇到问题:

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


不幸的是,我无法访问HTML代码,因为它属于“jimdo”的锁定模板。我只能在“头部区域”中插入CSS代码和javascript。有没有一种方法可以使用javascript将图像元素添加到此HTML代码中?

是的,有一种方法可以仅使用javascript来实现这一点。首先,您需要将
窗口.onload
回调设置为函数。在该函数中,您可以获取要将图像添加到的元素。在这里,我使用属性
数据链接title
将图像添加到元素中,该属性等于
“声音包”

最后,您可以在此元素上使用
.innerHTML
,添加要在此元素中添加的HTML。在这里,我添加了一个

,后跟一个
”;
}

是的,有一种方法可以使用javascript来实现。首先,您需要设置
窗口。onload
回调函数。在这个函数中,您可以获得要将图像添加到的元素。在这里,我使用属性
数据链接标题
将图像添加到元素中,该属性等于
”声音包“

最后,您可以在此元素上使用
.innerHTML
来添加要在此元素中添加的HTML; }
它确实有效!现在我只有一个问题,那就是图片只有在整个内容加载后才会出现。然后会弹出非常难看的画面:(你知道为什么吗?对不起,我是个傻瓜!也许用
document.body.onload
而不是
窗口。onload
可能会有点帮助。不幸的是,你想要将图像附加到的部分没有
类或
id
,因此附加项目需要一点时间……似乎
document.body.onload
无法使用“Jimdo”。
窗口。on.load
可以工作,但加载内容后图像仍会显示:(在“声音包”旁边,我还有两个要添加图像的链接。与“声音包”一样的编码者,带有“数据链接标题”、“应用程序”和“注释”。如果我克隆你的代码并对“应用程序”执行相同的操作它将图像显示在“应用程序”字体的右侧,然后显示“声音包”的图像消失!你知道为什么吗?你能在JSFIDLE或codepen中发布你的代码吗?这样我就可以看一看。也许我更容易给你我网站的地址?有没有可能通过pm向你发送地址?它确实有效!现在我只有一个问题,那就是图片只有在整个内容加载后才会出现。然后它会弹出v非常难看:(你知道为什么吗?对不起,我是个傻瓜!也许用
document.body.onload
而不是
窗口。onload
可能会有点帮助。不幸的是,你想要将图像附加到的部分没有
类或
id
,因此附加项目需要一点时间……似乎
document.body.onload
无法使用“Jimdo”。
窗口。on.load
可以工作,但加载内容后图像仍会显示:(在“声音包”旁边,我还有两个要添加图像的链接。与“声音包”一样的编码者,带有“数据链接标题”、“应用程序”和“注释”。如果我克隆你的代码并对“应用程序”执行相同的操作“它将图像显示在“应用程序”字体的右边,但“声音包”的图像消失了!你知道为什么吗?你能用JSFIDLE或codepen发布你的代码,让我看看吗?也许我更容易给你我网站的地址?有可能通过pm向你发送地址吗?”?