Javascript 在元素的整个宽度上重复字符

我正在尝试使用JavaScript和jQuery编写一个函数，因为我已经在为我的站点使用jQuery来检测视图端口的宽度，并在整个宽度上重复输出一个字符

我正在尝试制作一个看起来像unix终端的网站，我希望表格标题使用等号在屏幕宽度上重复，表格设置为宽度：100%；。我知道我可能只需要制作一个简单的等号图像，然后在空标题行上使用CSS将其设置为repeat-x，但我更喜欢文本。我一直在玩数组，这就是我到目前为止所做的

var windowWidth =$(window).width();
document.write( array( windowWidth ) ).join( '=' ) );

---

我知道这是错误的，但这就是我停止的地方，因为我还没有弄清楚我应该用什么搜索词来找到答案。因此，如果有人不介意帮我写这篇文章或给我指出正确的方向，我将不胜感激。

这可能会有所改进，但您可以通过以下方式来实现：

将单个字符附加到正文中，并获取其宽度，然后将其删除。 将主体的宽度除以角色的宽度，以获得重复角色的次数。 实例 我的看法是：

for (
    var x = Math.floor(
    $("body").append("<span>=</span>").width() / $($("body").children()[0]).width());

    x > 1;

    x-- && $("body").append("<span>=</span>")
);

将$body更改为您想要添加内容的任何元素

---

这有什么用吗？因为您将join方法添加到了document.write而不是ArrayAh yes。我的括号太多了。我把它放进去是为了说明我想做什么。

for (
    var x = Math.floor(
    $("body").append("<span>=</span>").width() / $($("body").children()[0]).width());

    x > 1;

    x-- && $("body").append("<span>=</span>")
);