Question

我想编辑课堂内的所有外部链接示例

<div class='main'>
<a href='http://test1.com'>link1</a>
<a href='http://test2.com'>link1</a>
<a href='http://test3.com'>link1</a>
</div>

我想编辑主类内的所有链接并在链接之前添加另一个链接像这样

<div class='main'>
<a href='http://example.com/search=http://test1.com'>link1</a>
<a href='http://example.com/search=http://test2.com'>link2</a>
<a href='http://example.com/search=http://test3.com'>link3</a>
</div>

抱歉我的英文

Answer 1

如果每个链接都有自己的ID

<a id="link1" href='http://test1.com'>link1</a>

然后尝试这个

var currentAddress = document.getElementByID("link1").attr("href")

document.getElementByID("link1").attr("href", "http://example.com/search=" + currentAddress)

Answer 2

您可以使用document.querySelectorAll('.main a')获取所有链接，对其进行迭代，然后在每个链接上使用replace()以在href中添加缺少的部分。

＆＃13;

var links = document.querySelectorAll('.main a');

for(var i=0; i<links.length; i++){
   links[i].href = links[i].href.replace("http://", "http://example.com/search=http://");

}

＆＃13;

<div class='main'>
<a href='http://test1.com'>link1</a>
<a href='http://test2.com'>link1</a>
<a href='http://test3.com'>link1</a>
</div>

＆＃13;

Answer 3

你应该能够得到一个＆＃34; a＆＃34;使用x-path规范使用javascript（或jQuery，如果你有权访问）的标签。收集完成后，您应该能够遍历它并设置新值。

这里有关于x-path的一些信息 https://www.w3schools.com/xml/xpath_examples.asp

如何使用javascript编辑外部链接

3 个答案: