单击以显示具有多个位置的多个hml文件的电话号码
单击以显示具有多个位置的多个hml文件的电话号码
提问于 2019-01-29 23:23:26
我有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来搜索所有文件的代码并替换它。
回答 3
Stack Overflow用户
发布于 2019-01-29 23:53:07
如果你真的必须这样做，你可以运行以下命令：
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>
我只会用这个作为快速修复，我会和客户谈一谈如何使内容动态化。
Stack Overflow用户
发布于 2019-01-29 23:49:06
以下是一些建议：
- 每页只添加一次脚本。
- 页面上的每个元素都必须具有唯一的ID。不能有多个元素具有相同的ID。
- 您不需要按钮来通知单击。所有HTML元素都支持点击处理程序。尝试使用
p或span(请参阅Which HTML tags can be used with onClick?)
试试这个：
<p onclick="showPhoneNumber(this)">Click to see phone number.</p>这将向p元素添加一个事件侦听器，该侦听器将调用函数showPhoneNumber，并将p元素作为参数(this将包含在浏览器计算onclick参数中的短脚本时触发事件的元素)。
然后，该函数将如下所示：
<script>
function showPhoneNumber(elem) {
elem.innerHtml = '0316 301 958';
return false;
}
</script>这也应该有效，但会使从HTML源中抓取电话号码变得微不足道：
<p onlick="this.innerHtml = '0316 301 958'; return false;">Click to see phone number.</p>我相信这是隐藏点击后面数字的主要原因(=阻止脚本找到它)。
Stack Overflow用户
发布于 2019-01-29 23:55:41
您可以使用电话枚举作为类名：
function myFunction(className) {
[...document.getElementsByClassName(className)].forEach(element => element.innerHTML = className);
}<p><b>Contact data: <button class="0316 301 958" onclick="myFunction(this.className)">Show the number</button>
<p><b>Contact data: <button class="0316 301 958" onclick="myFunction(this.className)">Show the number</button>
<p><b>Contact data: <button class="0754 520 952" onclick="myFunction(this.className)">Show the number</button>
<p><b>Contact data: <button class="0316 301 958" onclick="myFunction(this.className)">Show the number</button>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54424302
复制相关文章
相似问题
腾讯云开发者
