使用JavaScript在HTML中只查找和替换整个单词？

在HTML中使用JavaScript只查找和替换整个单词，可以通过以下步骤实现：

获取HTML中的文本内容：使用JavaScript的DOM操作，通过getElementById、getElementsByClassName或querySelector等方法获取包含文本内容的HTML元素。
将文本内容转换为字符串：使用JavaScript的innerHTML或textContent属性，将获取到的HTML元素的文本内容转换为字符串。
查找目标单词：使用JavaScript的字符串方法，如split、match或正则表达式，对字符串进行分割或匹配，找到目标单词。
替换目标单词：使用JavaScript的字符串方法，如replace，将目标单词替换为所需内容。
更新HTML元素的文本内容：使用JavaScript的innerHTML或textContent属性，将替换后的字符串更新到HTML元素中，实现替换效果。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>Replace Word in HTML using JavaScript</title>
</head>
<body>
  <p id="text">This is a sample text. Sample is the target word.</p>

  <script>
    // 获取包含文本内容的HTML元素
    var element = document.getElementById("text");

    // 将文本内容转换为字符串
    var text = element.innerHTML;

    // 目标单词
    var targetWord = "Sample";

    // 替换目标单词
    var replacedText = text.replace(new RegExp("\\b" + targetWord + "\\b", "gi"), "Replacement");

    // 更新HTML元素的文本内容
    element.innerHTML = replacedText;
  </script>
</body>
</html>

在上述示例中，我们使用JavaScript获取了id为"text"的p元素，并将其innerHTML转换为字符串。然后，我们使用正则表达式匹配目标单词"Sample"，并将其替换为"Replacement"。最后，我们更新了p元素的innerHTML，实现了单词的替换。

请注意，上述示例中的代码仅演示了如何在HTML中使用JavaScript查找和替换整个单词。对于更复杂的应用场景，可能需要根据具体需求进行适当的修改和扩展。