【问题标题】:JS: inject a button next to IP addressJS:在IP地址旁边注入一个按钮
【发布时间】:2018-01-11 15:54:22
【问题描述】:

你能帮忙解决这个问题吗?我有一个包含 IP 地址文本的页面,例如:

this is example of the text with occasional IP 8.8.8.8 and 1.1.1.1 and 123.123.123.123 so on

我需要能够在此地址旁边注入一个按钮,例如

8.8.8.8 [按钮]

正如我看到的步骤: 1.在文本中查找IP(可以做到) 2. 以某种方式插入按钮(这是我尝试使用 document.getElementById('') 后无法实现的)但没有 ID,请问我该怎么办?

【问题讨论】:

  • 所以您知道需要采取的步骤,但您的尝试在哪里?你说你可以在文本中找到IP......那么它的源代码在哪里?请使用相关的源代码更新您的问题。谢谢。

标签: javascript button ip inject


【解决方案1】:

尝试将 8.8.8.8 包装在一个可以给你一个 ID 的 span 中,然后使用 JS 的 append 或类似的方法来注入一个按钮。

像这样

这是带有偶发 IP <span id="ipaddr">8.8.8.8</span> 等的文本示例。

【讨论】:

  • 但是我在这个页面上有多个地址,不知何故需要在每个地址旁边都有一个按钮...
  • @JessicaRay,这就是 JS 的用途。
  • @AjayGupta 这是一个很好的建议,但仅此而已......这并不能真正解决任何问题,但由于 OP 没有共享任何现有/相关的源代码,我认为这将是将给出的唯一响应类型。
【解决方案2】:
var str="foo8.8.8.8"
var ips=str.match(/\d{1,}.\d{1,}.\d{1,}.\d{1,}/g);
var newips=new Array();
for(i=0;i<ips.length;i++){
newips[i]=ips[i]+"[button]";
var str=str.replace(ips[i],newips[i]);
}

【讨论】:

  • 我用上面的代码创建了一个小提琴并进行了一些更改。它工作正常,但是,有一个问题。使用浏览器控制台查看:jsfiddle.net/x1t6eza7/1
猜你喜欢
  • 1970-01-01
  • 2013-09-16
  • 1970-01-01
  • 1970-01-01
  • 2022-01-12
  • 2023-03-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多