js点击按钮后出现新的li标签

可以使用 JavaScript 的 DOM 操作，在点击按钮后通过 createElement 和 appendChild 方法创建新的 li 标签，并将其添加到相应的父元素中。具体实现可以参考相关的 JavaScript 教程和文档。

相关问题

2. 点击变大按钮，给偶数li标签的文字变大为40px

可以通过以下方式实现给偶数 li 标签的文字变大为 40px：

// 获取所有的 li 标签
const liElements = document.querySelectorAll('li');

// 遍历 li 标签，找出偶数位置的标签并设置文字大小为 40px
for (let i = 0; i < liElements.length; i++) {
  if (i % 2 === 1) {
    liElements[i].style.fontSize = '40px';
  }
}

这段代码会遍历所有的 li 标签，并对偶数位置的标签设置文字大小为 40px。请确保在点击事件中调用这段代码，以实现点击按钮后的效果。

点击按钮，在ul标签中，添加一个新的li元素，内容是输入框中的内容

您可以使用以下代码来实现这个功能：

HTML代码：

<input type="text" id="input-text">
<button onclick="addItem()">添加</button>
<ul id="list"></ul>

JavaScript代码：

function addItem() {
  // 获取输入框中的内容
  var inputValue = document.getElementById('input-text').value;
  
  // 创建新的li元素
  var li = document.createElement('li');
  li.innerText = inputValue;
  
  // 将li元素添加到ul元素中
  var ul = document.getElementById('list');
  ul.appendChild(li);
}

当用户点击“添加”按钮时，`addItem()`函数会被调用。函数首先获取输入框中的内容，然后创建一个新的li元素，并将输入框中的内容设置为li元素的内容。最后，将li元素添加到ul元素中，完成添加新元素的功能。