如何通过"innerHTML“代码在新创建的元素中进行"Search FIlter”搜索？

// 创建新的元素
var divElement = document.createElement('div');

// 设置新元素的内容
divElement.innerHTML = '<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li></ul>';

// 将新元素插入到页面中
document.body.appendChild(divElement);

// 创建搜索输入框
var searchInput = document.createElement('input');
searchInput.type = 'text';
searchInput.placeholder = 'Search';

// 监听输入框的值变化
searchInput.addEventListener('input', function() {
  var keyword = this.value.toLowerCase();
  var items = divElement.getElementsByTagName('li');

  // 遍历元素中的内容
  for (var i = 0; i < items.length; i++) {
    var item = items[i];
    var text = item.textContent.toLowerCase();

    // 判断元素中的内容是否包含搜索关键字
    if (text.indexOf(keyword) > -1) {
      item.style.display = 'block'; // 显示元素
    } else {
      item.style.display = 'none'; // 隐藏元素
    }
  }
});

// 将搜索输入框插入到页面中
document.body.appendChild(searchInput);