Question

我想用JavaScript替换特定DIV中的所有链接。例如

<div class="div01">
<div class="div02">
    <a href="www.oldlink.com">
        <img src="myimage.jpg" class="imageclass">
    </a>
</div>
<a class="link02" href="www.oldlink2.com">
    <div class="div03">
        <h5>My Heading</h5>
    </div>
</a>

现在我想用www.mynewlink.com这样的新链接替换www.oldlink.com和www.oldlink2.com。实际上我使用WordPress并且不想使用PHP编辑它。我正在使用插件页眉和页脚脚本来执行此操作。 https://wordpress.org/plugins/header-and-footer-scripts/

Answer 1

试试这个：

＆＃13;

const div1 = document.querySelector('.tg-one-fourth');

div1.querySelectorAll('a').forEach(a => a.href = '//www.mynewlink.com');

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title></title>
</head>

<body>
  <div class="tg-one-fourth">
    <div class="div02">
      <a href="www.oldlink.com">
        <img src="myimage.jpg" class="imageclass">
      </a>
    </div>
    <a class="link02" href="www.oldlink2.com">
      <div class="div03">
        <h5>My Heading</h5>
      </div>
    </a>
  </div>
</body>

</html>

＆＃13;

如何使用JavaScript替换Div内的所有链接

1 个答案: