javascript - 在javascript中添加图片

Question

好的，我有一个包含传输名称的菜单。我想在每个选项卡旁边添加一个小的传输 Logo 。这是我要添加的代码:

document.getElementById("nav02").innerHTML =
"<ul id='menu'>" +
(RIGHT HERE IS WHERE ID LIKE THE LOGO TO APPEAR, I AM NOT SURE IF THIS IS WHERE THE CODE WOULD GO EITHER)"<li><a href='32RH.html'>32RH</a></li>" +
"<li><a href='Build.html'>36RH</a></li>" +
"<li><a href='Customers.html'>42RH</a></li>" +
"<li><a href='About.html'>42RE</a></li>" +
"</ul>";

Answer 1

您只需要使用 list-style-image CSS 属性。 http://www.w3schools.com/cssref/pr_list-style-image.asp

您可以将其添加到文件头部的某个位置:

<style type="text/css">
    ul { list-style-image: url('images/transmission-logo'); }
</style>

如果您想在 JavaScript 中正确执行此操作:

    document.getElementById("menu").style.listStyleImage="url('images/transmission-logo')";