javascript - 单击以在多个位置的多个 html 文件上显示电话号码

Question

我有 200 个 html 文件，我必须在单击文本之前隐藏电话号码，因此我需要使用 GrepWin 等工具更改所有文件内容。我可以用这段代码做到这一点，但问题是需要更改同一页面内具有相同内容的所有位置的函数名称和 id。所以这一行在同一个文件中出现多次:

 <p>
   <b>Contact data: 
 <script>
  function myFunction() {
    document.getElementById("demo").innerHTML = "0316 301 958";} . 
 </script>
 <button id="demo" onclick="myFunction()">Show the number</button>
 <p>
 <b>Contact data: 
 <script>
  function myFunction() {
   document.getElementById("demo").innerHTML = "0316 301 958";} . 
 </script>
   <button id="demo" onclick="myFunction()">Show the number
   </button>

我需要不同的解决方案来更改所有 html 文件上的所有内容，但要显示数字(对所有文件来说都是相同的)。此时只显示一个数字http://jsfiddle.net/qyzkfush/ 。我可以手动编辑函数名称和按钮 ID，但要更改 200 个文件内容(每个文件中包含多个位置)需要很长时间。我需要使用 GrepWin 搜索代码并将其替换为所有文件。

Answer 1

如果你确实需要，你可以运行以下命令:-

function myFunction(e, phoneNumber) {
  e.innerText = phoneNumber;
}

<p><b>Contact data: 
<button id="demo" onclick="myFunction(this, '0316 301 958')">Show the number</button>

<p><b>Contact data:
<button id="demo" onclick="myFunction(this, '0316 301 957')">Show the number</button>

我只会将此作为快速解决方案，我会与客户讨论如何使内容动态化。