Javascript 单击以在多个位置的多个hml文件上显示phonenumber

我有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>

联系方式：
函数myFunction（）{
document.getElementById（“demo”）.innerHTML=“0316 301 958”；}。
显示号码

联系方式：
函数myFunction（）{
document.getElementById（“demo”）.innerHTML=“0316 301 958”；}。
显示号码

我需要不同的解决方案来更改所有html文件中的所有内容，但要显示数字（所有内容都相同）。此时只显示一个数字。我可以手动编辑函数名和按钮id，但要更改200个文件的内容（每个文件中有许多位置），需要花费很多时间。我需要使用GrepWin搜索代码并替换所有文件。

一些指针：

每页仅添加一次脚本

页面上的每个元素必须具有唯一的ID。不能有多个元素具有相同的ID

你不需要一个按钮来注意点击。所有HTML元素都支持单击处理程序。尝试

p

或

span

（请参阅）

试试这个：

<p onclick="showPhoneNumber(this)">Click to see phone number.</p>

这也可以工作，但从HTML源中获取电话号码会变得很简单：

<p onlick="this.innerHtml = '0316 301 958'; return false;">Click to see phone number.</p>

点击查看电话号码

我相信这是将数字隐藏在点击后面（=阻止脚本找到它）的主要原因。

一些指针：

每页仅添加一次脚本

页面上的每个元素必须具有唯一的ID。不能有多个元素具有相同的ID

你不需要一个按钮来注意点击。所有HTML元素都支持单击处理程序。尝试

p

或

span

（请参阅）

试试这个：

<p onclick="showPhoneNumber(this)">Click to see phone number.</p>

这也可以工作，但从HTML源中获取电话号码会变得很简单：

<p onlick="this.innerHtml = '0316 301 958'; return false;">Click to see phone number.</p>

点击查看电话号码

---

我认为这是将数字隐藏在单击后面（=阻止脚本找到它）的主要原因。

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

函数myFunction（e，电话号码）{
e、 innerText=电话号码；
}

联系人数据： 显示号码 联系方式：

---

显示数字如果确实需要，可以运行以下操作：-

函数myFunction（e，电话号码）{
e、 innerText=电话号码；
}

联系人数据： 显示号码 联系方式：

---

显示号码您可以将电话号码用作类名：

函数myFunction（类名）{
[…document.getElementsByClassName（className）].forEach（element=>element.innerHTML=className）；
}

联系人数据：显示号码
联系方式：显示电话号码
联系方式：显示电话号码
联系人数据：显示号码

您可以将电话号码用作类名：

函数myFunction（类名）{
[…document.getElementsByClassName（className）].forEach（element=>element.innerHTML=className）；
}

联系人数据：显示号码
联系方式：显示电话号码
联系方式：显示电话号码
联系人数据：显示号码

您不应该有两个ID相同的元素。ID应该是唯一的。另外，创建一个动态页面并将内容拉入不是比为每个联系人创建一个单独的页面更快吗？我知道，但如何解决我的问题，我只需要显示相同的数字（单击文本时）在找到联系人数据的所有html文件上。我需要根据网页所有者的请求更改所有页面。您可以使用jQuery吗？您不应该有两个ID相同的元素。ID应该是唯一的。另外，创建一个动态页面并将内容拉入不是比为每个联系人创建一个单独的页面更快吗？我知道，但如何解决我的问题，我只需要显示相同的数字（单击文本时）在找到联系人数据的所有html文件上。我需要根据网页所有者的请求更改所有页面。您可以使用jQuery吗？值得注意的是，使用事件处理程序比内联JS:）更好的做法值得注意的是，使用事件处理程序比内联JS:）更好的做法）