技术求助：当div的innerHTML含X时，向指定div插入XX的实现方法

没问题，这两个需求用原生JavaScript就能轻松搞定，我把每个功能的实现代码都写好了，还加了注释方便你根据实际场景调整：

功能1：当元素innerHTML严格等于X时，在指定div显示内容 #

这个功能的核心是严格匹配目标元素的innerHTML内容，匹配成功后更新目标容器的显示内容：

function checkExactMatchAndDisplay() {
  // 替换成你要检查的元素选择器（比如#your-element、.your-class等）
  const targetElement = document.querySelector('#your-target-element');
  // 替换成你需要匹配的精确文本X
  const exactMatchText = 'X';
  // 替换成目标显示容器的id（XXX）
  const displayContainer = document.getElementById('XXX');
  // 替换成要显示的内容XX
  const contentToShow = 'XX';

  // 先确保元素存在，再严格匹配innerHTML（trim()用于忽略首尾空格，不需要可以去掉）
  if (targetElement && targetElement.innerHTML.trim() === exactMatchText) {
    // 用textContent显示纯文本（更安全，避免XSS）
    displayContainer.textContent = contentToShow;
    // 如果需要显示HTML内容，改用下面这句：
    // displayContainer.innerHTML = contentToShow;
  }
}

// 页面加载完成后执行函数，也可以绑定到按钮点击等事件
document.addEventListener('DOMContentLoaded', checkExactMatchAndDisplay);

小提示： #

• 如果不需要忽略首尾空格，删掉.trim()即可
• 优先用textContent显示内容，避免潜在的XSS风险；如果必须插入HTML，再用innerHTML

功能2：当指定div包含文本X时，插入内容到目标容器 #

这个功能是模糊匹配（检测是否包含指定文本），匹配成功后将内容插入到目标容器中：

function checkIncludeAndInsert() {
  // 源元素：id为javascript的div
  const sourceDiv = document.getElementById('javascript');
  // 替换成你要检测的包含文本X
  const includeKeyword = 'X';
  // 替换成目标插入容器的id（XXX）
  const insertContainer = document.getElementById('XXX');
  // 替换成要插入的内容XX
  const contentToInsert = 'XX';

  // 确保源元素存在，且innerHTML包含指定关键词
  if (sourceDiv && sourceDiv.innerHTML.includes(includeKeyword)) {
    // 插入到容器的末尾（常用场景）
    insertContainer.insertAdjacentHTML('beforeend', contentToInsert);
    
    // 其他插入位置选项：
    // 'afterbegin' → 插入到容器开头
    // 'beforebegin' → 插入到容器外部的前面
    // 'afterend' → 插入到容器外部的后面
  }
}

// 页面加载完成后执行函数
document.addEventListener('DOMContentLoaded', checkIncludeAndInsert);

小提示： #

• includes()方法是区分大小写的，如果需要不区分大小写，可以改成sourceDiv.innerHTML.toLowerCase().includes(includeKeyword.toLowerCase())
• 如果只是想替换目标容器的内容而非插入，改用insertContainer.innerHTML = contentToInsert即可

额外说明 #

如果你的页面元素是动态加载的（比如通过AJAX获取），直接在DOMContentLoaded时执行可能会找不到元素，这时候可以：

1. 把函数放在动态元素加载完成之后调用
2. 使用MutationObserver监听DOM变化，当目标元素出现时再执行判断逻辑

内容的提问来源于stack exchange，提问作者FastXX