更改URL-Javascript_Javascript_Innerhtml_Getelementbyid

更改URL-Javascript

javascript

更改URL-Javascript,javascript,innerhtml,getelementbyid,Javascript,Innerhtml,Getelementbyid,我打算使用JavaScript更改href链接。在我的示例中，我想将url路径从“linktwo.html”更改为“problem3.html” 我知道可能有更简单的方法，但这只是为了练习使用下面的示例，更改href，我做错了什么 HTML: <body onload="changeLink()"> <div id="p"> <h1> <a href="linkone.html"> first link </a></h1>

我打算使用JavaScript更改

href

链接。在我的示例中，我想将url路径从“linktwo.html”更改为“problem3.html”

我知道可能有更简单的方法，但这只是为了练习

使用下面的示例，更改

href

，我做错了什么

HTML:

<body onload="changeLink()">
<div id="p">
<h1> <a href="linkone.html"> first link </a></h1>
</div>
<div id ="q">
<a href="linktwo.html"> second link </a>
</div>

Javascript:

<script type="text/javascript">
function changeLink(){
document.getElementById("q").href.innerHTML="problem3.html";
}
</script>

<script type="text/javascript">
        function changeLink(){
            document.getElementById("q").href = "problem3.html";
}
</script>


函数changeLink（）{
document.getElementById（“q”）.href.innerHTML=“problem3.html”；
}

请检查以下代码

<script type="text/javascript">
  function changeLink(){
    document.getElementById("q").href ="problem3.html";
  }
</script>


函数changeLink（）{
document.getElementById（“q”）.href=“problem3.html”；
}

请检查以下代码

<script type="text/javascript">
  function changeLink(){
    document.getElementById("q").href ="problem3.html";
  }
</script>


函数changeLink（）{
document.getElementById（“q”）.href=“problem3.html”；
}

您还可以执行以下操作：

<a id="changeurl" href="linktwo.html"> second link </a>

首先获取对象。然后删除当前href属性。然后可以添加新属性！希望这有助于更好地回答您的问题。

您还可以执行以下操作：

<a id="changeurl" href="linktwo.html"> second link </a>

首先获取对象。然后删除当前href属性。然后可以添加一个新属性！希望这有助于更好地回答您的问题。

首先，您应该将ID放在链接本身上，而不是包含的

div

<a href="linktwo.html" id="my_link"> second link </a>

首先，应该将ID放在链接本身上，而不是包含

div

<a href="linktwo.html" id="my_link"> second link </a>

为

href

</head>
<body onload="changeLink()">
<div id="p">
<h1> <a href="linkone.html"> first link </a></h1>
</div>
<div id ="secondDiv">
<a href="test.html" id="q"> second link </a>
</div>

并从javascript中删除innerHTML部分：

<script type="text/javascript">
function changeLink(){
document.getElementById("q").href.innerHTML="problem3.html";
}
</script>

<script type="text/javascript">
        function changeLink(){
            document.getElementById("q").href = "problem3.html";
}
</script>


函数changeLink（）{
document.getElementById（“q”）.href=“problem3.html”；
}

为

href

</head>
<body onload="changeLink()">
<div id="p">
<h1> <a href="linkone.html"> first link </a></h1>
</div>
<div id ="secondDiv">
<a href="test.html" id="q"> second link </a>
</div>

并从javascript中删除innerHTML部分：

<script type="text/javascript">
function changeLink(){
document.getElementById("q").href.innerHTML="problem3.html";
}
</script>

<script type="text/javascript">
        function changeLink(){
            document.getElementById("q").href = "problem3.html";
}
</script>


函数changeLink（）{
document.getElementById（“q”）.href=“problem3.html”；
}

选项一：更改Java脚本，如下所示

<script type="text/javascript">
function changeLink(){
document.getElementById("q").href.innerHTML="<a href="problem3.html"> second link </a>";
}
</script>


函数changeLink（）{
document.getElementById（“q”）.href.innerHTML=“”；
}

选项二：更改代码如下

HTML:

JAVA脚本：


函数changeLink（）{
document.getElementById（“q1”）.removeAttribute（“href”）；
document.getElementById（“q1”）.setAttribute（“href”，“problem3.html”）；
}

选项一：更改Java脚本，如下所示

<script type="text/javascript">
function changeLink(){
document.getElementById("q").href.innerHTML="<a href="problem3.html"> second link </a>";
}
</script>


函数changeLink（）{
document.getElementById（“q”）.href.innerHTML=“”；
}

选项二：更改代码如下

HTML:

JAVA脚本：


函数changeLink（）{
document.getElementById（“q1”）.removeAttribute（“href”）；
document.getElementById（“q1”）.setAttribute（“href”，“problem3.html”）；
}

谢谢大家提供的有用信息！进一步的实验使我想到了将javascript改为此

function changeLink(){
document.getElementById("q").childNodes[1].href="problem3.html";

不确定这是否实用，但这是everyones解决方案的一个补充解决方案。

谢谢大家提供的有用信息！进一步的实验使我想到了将javascript更改为此

function changeLink(){
document.getElementById("q").childNodes[1].href="problem3.html";

不确定这是否可行，但这是对每个人的解决方案的补充。

您如何预见

.innerHTML

工作？尝试

.href=“problem3.html”

。只需删除

.innerHTML

。您如何预见

.innerHTML

工作？尝试

.href=“problem3.html”";。只需删除。innerHTML
。这不起作用，因为id位于
上，而不是
上。这不起作用，因为id位于
上，而不是
上。