使用Javascript替换HTML中的href文本

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 个解决方案

解决方案1
3 2016-01-27 04:04:58

解决方案2
2 已采纳 2016-01-27 04:33:33

解决方案3
0 2016-01-27 04:07:09

使用Javascript替换HTML中的href文本

问题描述

3 个解决方案

解决方案1 3 2016-01-27 04:04:58

解决方案2 2 已采纳 2016-01-27 04:33:33

解决方案3 0 2016-01-27 04:07:09

解决方案1
3 2016-01-27 04:04:58

解决方案2
2 已采纳 2016-01-27 04:33:33

解决方案3
0 2016-01-27 04:07:09