Question

是否可以使用Javascript将以下代码中的href值从href="http://**store**.mystitexxx.co.nz"更改为href="http://**www**.mystitexxx.co.nz"？它需要特定于此DIV或图像，即不是全局

<div id="ctl00" class="hidden-xs">
   <h1 class="logo clearfix">
      <a href="http://store.mystorexxx.co.nz" title="My Store"><img class="img-responsive"src="/user/files/logo.png?t=1601271313" title="My Store" alt="My Store"/></a>
   </h1>
</div>

Answer 1

因为您需要它专门针对这个确切的链接，只需：

document.getElementById("link").href = "http://www.mystitexxx.co.nz";

<div id="ctl00" class="hidden-xs">
   <h1 class="logo clearfix">
      <a href="http://store.mystorexxx.co.nz" title="My Store" id="link"><img class="img-responsive"src="/user/files/logo.png?t=1601271313" title="My Store" alt="My Store"/></a>
   </h1>
</div>

使用jQuery：

$("#link").attr("href", "http://www.mystitexxx.co.nz");

编辑：如果您无法控制HTML以添加ID。（如果你这样做了，为什么要用Javascript改变href？：P）

document.querySelector("h1.logo a").href = "http://www.mystorexxx.co.nz";
//$("h1.logo a").attr("href", "http://www.mystitexxx.co.nz");

<div id="ctl00" class="hidden-xs">
   <h1 class="logo clearfix">
      <a href="http://store.mystorexxx.co.nz" title="My Store"><img class="img-responsive"src="/user/files/logo.png?t=1601271313" title="My Store" alt="My Store"/></a>
   </h1>
</div>

Answer 2

哎呀，似乎所有其他答案都很复杂。

很简单：

jQuery('h1.logo a').attr('href', 'http://www.mystitexxx.co.nz');

或者，如果你不知道在哪里放置它/如何包含它，那么：

在<head>和</head>代码之间添加以下内容：

<script>
    jQuery(function($) {
        $('h1.logo a').attr('href', 'http://www.mystitexxx.co.nz');
    }); 
</script>

并且，如果您还没有加载jQuery，那么只需添加它（再次，在<head>标记之间）：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script>
    jQuery(function($) {
        $('h1.logo a').attr('href', 'http://www.mystitexxx.co.nz');
    }); 
</script>

Answer 3

<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<style type="text/css">
    .selected{
        background-color : green;
    }
    </style>
<script>

    $(document).ready(function () {

        $('.logo a img.img-responsive').attr('src', "http://www.mystitexxx.co.nz")

    });
</script>
</head>
<body>
    <div id="ctl00" class="hidden-xs">
   <h1 class="logo clearfix">
      <a href="http://store.mystorexxx.co.nz" title="My Store"><img class="img-responsive"src="/user/files/logo.png?t=1601271313" title="My Store" alt="My Store"/></a>
   </h1>
</div>
</body>
</html>

使用Javascript替换HTML中的href文本

3 个答案: