Question

我只是使用基本的HTML - 没有Javascript，XML，CSS等。我想找到＆＃34; - ＆＃34;的实例。并用“短划线”替换它们。到目前为止我的代码是：

<!DOCTYPE html>
<html>
<center>
<head>
    <title>TREASURE ISLAND</title>
</head>

<header>
    <h1>TREASURE ISLAND</h1>
    <h3>by Robert Louis Stevenson</h3>
    <h3>PART ONE--The Old Buccaneer</h3>
    <h4>Chapter 1--The Old Sea-dog at the Admiral Benbow</h4>
</header>
</center>

<body>
"Fifteen men on the dead man's chest -- Yo-ho-ho, and a bottle of rum!"
</body>

<Style>
Body {
    margin-left:20%;
    margin-right:20%;
}
<Style/>

</html>

我搜索了＃34;查找和替换，HTML＆＃34;在Google上但所有结果都谈到了使用Java。任何人都可以提供一些关于如何实现这一点的提示，或者总体上改进我的代码吗？

Answer 1

您的问题表明您没有使用JavaScript而不是您不想使用它。

如果没有某种超出基本HTML范围的DOM操作，我不知道如何做到这一点。

如果您愿意使用JavaScript，只需将此代码添加到您的网页即可。

(function() {
  var str = document.getElementById("Body").innerHTML; 
  var res = str.replace("--", "—");
  document.getElementById("Body").innerHTML = res;
})();

<center>
  <header>
    <h1>TREASURE ISLAND</h1>
    <h3>by Robert Louis Stevenson</h3>
    <h3>PART ONE--The Old Buccaneer</h3>
    <h4>Chapter 1--The Old Sea-dog at the Admiral Benbow</h4>
  </header>
</center>

<section id="Body">
  "Fifteen men on the dead man's chest -- Yo-ho-ho, and a bottle of rum!"
</section>

HTML - 如何查找和替换文本

1 个答案: