js给指定ul添加li

可以使用以下代码向指定的ul元素添加li元素：

var ul = document.getElementById("指定ul的id");
var li = document.createElement("li");
li.appendChild(document.createTextNode("要添加的文本"));
ul.appendChild(li);

其中，需要将"指定ul的id"替换为你要添加li元素的ul元素的id，"要添加的文本"替换为你要添加的li元素的文本内容。如果要添加多个li元素，可以将上述代码放到循环中执行。

相关问题

js 给ul特定位置添加li

您可以使用JavaScript来给<ul>元素添加<li>元素，并将其插入特定位置。以下是一个示例代码：

// 获取<ul>元素
var ul = document.querySelector('ul');

// 创建新的<li>元素
var newLi = document.createElement('li');
newLi.textContent = '新的列表项';

// 获取要插入的位置索引
var insertIndex = 3; // 假设要在第四个位置插入

// 获取要插入位置的<li>元素
var insertLi = ul.children[insertIndex];

// 将新的<li>元素插入到指定位置
ul.insertBefore(newLi, insertLi);

在上面的代码中，首先使用`document.querySelector`方法获取到<ul>元素。然后，创建一个新的<li>元素，并设置其内容。接下来，使用索引值`insertIndex`找到要插入位置的<li>元素。最后，使用`ul.insertBefore`方法将新的<li>元素插入到指定位置。

请注意，索引是从0开始计算的，所以如果要在第4个位置插入，索引值应为3。根据您的具体需求，您可以调整代码中的变量和数值。

使用ul和li标签完成分页功能，分页使用原生js实现

好的，下面是使用`ul`和`li`标签完成分页功能的`HTML`和`JavaScript`代码示例：

<div id="page-container">
  <ul id="pagination"></ul>
</div>

// 分页数据
var data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];

// 每页显示的条目数
var pageSize = 5;

// 计算总页数
var pageCount = Math.ceil(data.length / pageSize);

// 获取分页容器和分页列表
var pageContainer = document.getElementById('page-container');
var pagination = document.getElementById('pagination');

// 生成分页列表
for (var i = 1; i <= pageCount; i++) {
  var li = document.createElement('li');
  var a = document.createElement('a');
  a.href = 'javascript:void(0)';
  a.innerHTML = i;
  a.onclick = (function (page) {
    return function () {
      showPage(page);
    };
  })(i);
  li.appendChild(a);
  pagination.appendChild(li);
}

// 显示指定页的数据
function showPage(page) {
  var start = (page - 1) * pageSize;
  var end = start + pageSize;
  var pageData = data.slice(start, end);
  console.log(pageData);
}

在上面的代码中，我们先定义了一个数组`data`，表示要进行分页的数据。然后我们设置每页显示的条目数为`5`，通过计算数组长度和每页条目数，我们可以得到总页数`pageCount`。接下来，我们获取分页容器和分页列表，然后通过一个循环生成分页列表中的每个页码链接。在生成每个页码链接时，我们给链接添加了一个点击事件，点击链接时会调用`showPage`函数，并传入对应的页码，以便在该函数中显示对应页码的数据。最后，我们实现了`showPage`函数，该函数根据传入的页码计算出该页对应的数据范围，并输出到控制台中。