如何使用JavaScript创建这段HTML代码

我想用JavaScript创建这段HTML代码，我该怎么做 这个

<a>
<span class="image"><img src="<%=request.getContextPath() 
%>/resources/build/images/cogs.jpg" alt="Profile Image" width="100"> 
</span>
<span>
<span id="timeDiv2"></span>
<span class="time" id="timeDiv3"></span>
</span>
<span class="message" id="timeDiv4">
</span>
</a>

/参考资料/build/images/cogs.jpg“alt=“Profile Image”width=“100”>
文档。写入（'\n'）；
document.write（'/resources/build/images/cogs.jpg\'alt=\'Profile Image\'width=\'100\'>\n'）；
document.write（'\n'）；
document.write（'\n'）；
document.write（'\n'）；
document.write（'\n'）；
document.write（'\n'）；
document.write（'\n'）；
document.write（'\n'）；
文件。写（“”）；
我是这样写的。没有必要弄乱你的代码。看看这里


var aelem=createNewElement（{elem:“a”}）；
var span=createNewElement（{elem:“span”，class:“image”}）；
var img=createNewElement（{elem:“img”，src:“https://comps.canstockphoto.co.uk/smily-picture_csp18918415.jpg"});
span.append（img）；
var span1=createNewElement（{elem:“span”}）；
var TimeDiv2=createNewElement（{elem:“span”，id:“TimeDiv2”}），
timeDiv3=createNewElement（{elem:“span”，id:“timeDiv3”，class:“time”}）；
span1.追加（TimeDiv2）；
span1.追加（timeDiv3）；
timeDiv4=createNewElement（{elem:“span”，id:“timeDiv4”，class:“message”}）；
aelem.append（span）；
aelem.append（span1）；
aelem.append（timeDiv4）；
console.log（aelem.outerHTML）；
document.getElementById（'appendHere'）。innerHTML=aelem.outerHTML；
函数createNewElement（attr）{
var newElem=document.createElement（attr.elem）；
if（attr.id）newElem.setAttribute（“id”，attr.id）；
if（attr.class）newElem.setAttribute（“class”，attr.class）；
if（attr.src）newElem.setAttribute（“src”，attr.src）；
if（attr.href）newElem.setAttribute（“href”，attr.href）；
//如果需要更多属性，请编写更多属性
返回newElem；
}
这是从谷歌快速搜索中获得的，这会对您的努力有所帮助，我如何将其添加到我的html文件中？如此文档。getElementById（“div1”）您必须创建一个单独的.js文件，其中包含任何JavaScript，只需将该函数调用到HTML文件中即可。您是否试图将JavaScript写入HTML文件？只是想了解您想要实现的内容CreateElement、innerHTML、appendChild、etcI测试它但不起作用hi@Javareading请单击“运行代码片段”它起作用了。如果它不适用于，请让我知道控制台错误。这样我就可以帮你了。谢谢
document.write( '<a>\n' );
document.write( '<span class=\"image\"><img src=\"<%=request.getContextPath() \n' );
document.write( '%>/resources/build/images/cogs.jpg\" alt=\"Profile Image\" width=\"100\"> \n' );
document.write( '</span>\n' );
document.write( '<span>\n' );
document.write( '<span id=\"timeDiv2\"></span>\n' );
document.write( '<span class=\"time\" id=\"timeDiv3\"></span>\n' );
document.write( '</span>\n' );
document.write( '<span class=\"message\" id=\"timeDiv4\">\n' );
document.write( '</span>\n' );
document.write( '</a>' );