如何使用js中的无序表在同一行的li后面加入内容

你可以使用innerHTML属性来向每个li元素的结尾添加内容，如下所示：

HTML:

<ul id="myList">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

JS:

var myList = document.getElementById("myList");
var listItems = myList.getElementsByTagName("li");

for (var i = 0; i < listItems.length; i++) {
listItems[i].innerHTML += " - Added content";
}

这将在每个li元素的末尾添加“ - Added content”文本。

相关问题

web使无序列表到同一行

可以使用CSS中的`display: inline-block;`属性将无序列表项转换为行内块元素，这样它们就能在同一行显示。另外，你也可以使用`float: left;`属性将它们浮动到同一行。

例如，下面的CSS代码会将`<ul>`元素的列表项显示为行内块元素：

ul li {
  display: inline-block;
}

如果你想使用浮动来实现同样的效果，可以这样写：

ul li {
  float: left;
}

请注意，使用浮动时需要清除浮动以避免出现布局问题。

怎么让li里面的span在同一行

要让 `li` 元素内部的 `span` 元素在同一行，可以使用 `display: inline-block;` 属性来设置 `span` 元素的显示方式。同时，为了保证 `li` 元素内部的元素能够水平对齐，可以使用 `text-align: center;` 属性来设置 `li` 元素的文本水平对齐方式。

例如，下面是一个包含多个 `li` 元素的无序列表，每个 `li` 元素内部都包含一个 `span` 元素：

<ul>
  <li><span>Item 1</span></li>
  <li><span>Item 2</span></li>
  <li><span>Item 3</span></li>
</ul>

要让每个 `li` 元素内部的 `span` 元素在同一行，可以使用以下样式：

ul li {
  display: inline-block;
  text-align: center;
}

ul li span {
  display: inline-block;
  /* add other styles as needed */
}

这样就可以让 `li` 元素内部的 `span` 元素在同一行，并且水平对齐了。