如果元素包含这些单词中的任何一个，则将该单词包含在span中

如果元素包含这些单词中的任何一个，则将该单词包含在<span>中。

这个问答内容涉及到前端开发中的DOM操作和字符串处理。以下是一个可能的实现方案：

function highlightWords(element) {
  const keywords = ['云计算', 'IT互联网', '名词', '词汇'];
  const text = element.innerText;

  let highlightedText = '';
  let startIndex = 0;

  // 遍历每个字符
  for (let i = 0; i < text.length; i++) {
    let char = text[i];

    // 判断是否为单词分隔符
    if (char.match(/\s|\W/)) {
      let word = text.slice(startIndex, i);

      // 判断单词是否包含关键字
      if (keywords.some(keyword => word.includes(keyword))) {
        // 将包含关键字的单词用<span>包裹
        highlightedText += `<span>${word}</span>${char}`;
      } else {
        highlightedText += `${word}${char}`;
      }

      startIndex = i + 1;
    }
  }

  // 更新元素的内容
  element.innerHTML = highlightedText;
}

// 调用函数
const element = document.getElementById('your-element-id');
highlightWords(element);

在以上代码中，我们首先定义了要高亮显示的关键字列表 keywords，然后获取元素的文本内容 text。接着，我们遍历文本的每个字符，判断是否为单词分隔符。如果是分隔符，则将之前的单词与分隔符拼接起来，并判断是否包含关键字。如果包含关键字，则将该单词用 <span> 标签包裹起来，同时添加到 highlightedText 中；否则直接拼接到 highlightedText 中。

最后，更新元素的内容为经过高亮处理的文本。这样，包含关键字的单词就会被用 <span> 标签包裹起来，从而实现了高亮显示。

需要注意的是，以上代码仅是一个实现示例，实际情况可能会根据具体需求进行修改。