js 替换HTML 中<li></li> 里面的一个 <a></a>的显示内容

可以使用 JavaScript 中的正则表达式和 replace() 方法来实现替换 HTML 中 `<li></li>` 标签中的其中一个 `<a></a>` 元素的内容。以下是一个示例代码：

// 获取所有的 <li> 元素
var listItems = document.getElementsByTagName("li");

// 遍历每个 <li> 元素
for (var i = 0; i < listItems.length; i++) {
  // 获取当前 <li> 元素下的所有 <a> 元素
  var links = listItems[i].getElementsByTagName("a");
  // 如果 <a> 元素数量大于等于 2，则替换第二个 <a> 元素的内容
  if (links.length >= 2) {
    var newContent = "新的显示内容";
    // 使用正则表达式将第二个 <a> 元素的内容替换为新内容
    links[1].innerHTML = links[1].innerHTML.replace(/(.+)/, newContent);
  }
}

在上面的代码中，我们首先通过 `getElementsByTagName("li")` 方法获取页面中所有的 `<li>` 元素，然后遍历每个 `<li>` 元素。对于每个 `<li>` 元素，我们再通过 `getElementsByTagName("a")` 方法获取其中的所有 `<a>` 元素。如果 `<a>` 元素数量大于等于 2，就可以使用 `innerHTML` 属性替换第二个 `<a>` 元素的内容了。在替换之前，我们先定义了一个新的内容变量 `newContent`，然后通过正则表达式将第二个 `<a>` 元素的内容替换为这个新内容。