如何将超链接应用于现有HTML中的URL文本-使用JSFIDDLE和工作解决方案更新
如何将超链接应用于现有HTML中的URL文本-使用JSFIDDLE和工作解决方案更新
提问于 2019-03-30 06:31:44
更新：http://jsfiddle.net/daltontech/qfjr7e6a/ -感谢这两个人的帮助！
原始问题: JSON我从我的HelpDesk软件中的报告中获取JSON数据，我将其导入到一个HTML表中(通过Python) &其中一列是请求的地址，但它是不可点击的。我可以编辑Python文件(尽管我不期望有答案)和HTML文件( Javascript是很好的解决方案)，但我不能更改JSON数据(太多)。
我可以使用JQuery，但如果vanilla Javascript可以做到这一点，那是我的首选。
我尝试了innerHTML (带和不带全局标志)，但是大约20行之后，它在IE和Chrome (所有我测试的)中都失败了&这个列表是典型的50+。
我确实在其他地方成功地使用了innerHTML，主要是将技术人员的姓名链接到他们的请求(较短的列表)，例如：
{ document.body.innerHTML = document.body.innerHTML.replace('Jenny', '<a
href="https://helpdesk.domain.com/jenny">Jenny</a>'); }这是我必须要做的事情：
<table class="Requests" id="Requests">
<thead><tr><th>URL</th><th>Title</th><th>Technician</th></tr></thead>
<tr><td>https://helpdesk.domain.com/8675309</td><td>I need a phone number</td><td>Jenny</td></tr>
<tr><td>https://helpdesk.domain.com/8675310</td><td>Some other issue</td>
<td>John</td></tr>
</table>数字前面的所有内容都是相同的，所以这提供了一些灵活性，我可以让JSON文件提供一些选项(只是不提供<a>标记...)喜欢: 1. 8675309 2. https://helpdesk.domain.com/8675309 3. sometext8675309 4. sometext8675309someothertext
我希望能完成这两个row示例中的任何一个--要么工作，要么更倾向于后者：
<table class="Requests" id="Requests">
<thead><tr><th>URL</th><th>Title</th><th>Technician</th></tr></thead>
<tr><td><a href="https://helpdesk.domain.com/8675309">https://helpdesk.domain.com/8675309</a></td><td>I need a phone number</td><td>Jenny</td></tr>
<tr><td><a href="https://helpdesk.domain.com/8675310">link</a></td><td>Some other issue</td><td>John</td></tr>
</table>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55426246
复制相关文章
相似问题