javascript - 您将如何添加非中断空间等。在文本中？

Question

目标是显示这样的字符串：

苹果、香蕉、柠檬

假设它在一个数组中。

const fruits = ['Apple', 'Banana', 'Lemon']

1. 我想用逗号和空格加入这个数组。你会怎么做？

新设计来了，他们想展示

苹果、香蕉、柠檬

与逗号、双重 nbsp 和表情符号结合使用。

2. 您将如何重组第一个实施？

标签： javascriptcss

Answer 1

如果要添加 HTML，则应正确创建它。定义一个包装器并遍历数组中的项目以将它们添加到其中。

至于空格，添加空格字符绝不是一个好主意。如果要在元素之间创建空间，请使用 CSS padding / margins。

const array = ['Apple', 'Banana', 'Lemon'];
const wrapper = document.createElement("div");

for (const item of array) {
  const itemWrapper = document.createElement("span");
  itemWrapper.classList.add('space');
  itemWrapper.innerText = item;
  wrapper.append(itemWrapper);
}

document.documentElement.append(wrapper);

.space {
  margin-right: 1em;
}