DOM 操作：用原生JavaScript实现一个功能，点击页面上的按钮，动态添加一个新的列表项到已有的<ul>列表中。

在原生 JavaScript 中，可以使用 DOM API 来实现这个功能。首先，需要找到目标按钮和<ul>元素，然后创建一个新的 <li> 元素，并设置其内容，最后将其添加到<ul>元素的子节点列表中。以下是一个简单的示例：

// 获取页面上的按钮和ul元素
const button = document.getElementById('myButton');
const ulElement = document.getElementById('myList');

// 定义一个函数，当按钮被点击时触发
button.addEventListener('click', function() {
  // 创建新的 li 元素
  const newLi = document.createElement('li');
  
  // 设置新 li 的文本内容
  newLi.textContent = '这是新添加的列表项';

  // 将新 li 添加到 ul 的最后一个子节点（如果有的话）
  if (ulElement.lastChild) {
    ulElement.appendChild(newLi);
  } else {
    // 如果 ul 为空，直接将新 li 添加为第一个子元素
    ulElement.appendChild(newLi);
  }
});

在这个例子中，假设你的按钮的 id 为 "myButton"，<ul>的 id 为 "myList"。点击按钮时，会动态地在列表末尾添加一个新的列表项。