2

我正在创建一个 chrome 扩展，其中一些图标显示在空白选项卡中。我正在使用 javascript 在页面中添加图标。以下是代码片段：

HTML：

<div id="icons" class="icons"></div>

Javascript：

function addIcons() {
  for (var i = 0; i < iconArray.length; i++) {
    var link = document.createElement('a');
    link.href = linkArray[i];

    var icon = document.createElement('img');
    icon.src = "images/" + iconArray[i];
    icon.title = titleArray[i];

    link.appendChild(icon);
    document.getElementById('icons').appendChild(link);
  }
  document.getElementById('icons').style.borderBottom="2px solid blue";
}

问题是边框出现在图标上方（边框应该出现在下方！）。谁能告诉我应该怎么做才能得到想要的结果？

4

2 回答 2

1

刚刚尝试了您的代码，它可以正常工作。

截图：https ://skitch.com/runk/83fes ，最新的 Chrome。

你确定你在页面的其余部分有一个有效的 html 标记吗？可能有问题。

而且我建议不要通过 js 设置 css 样式。

<div id="icons" class="icons" style="border-bottom: 2px solid blue"></div>

或使用 css 样式标签（文件）

<style>
.icons { border-bottom: 2px solid blue }
</style>
于 2012-05-10T06:07:49.577 回答
-2

检查http://reference.sitepoint.com/css/border-bottom以设置任何 DOM 元素的底部边框。

于 2012-05-10T06:04:59.810 回答