                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

怎么用js来修改href属性的值

怎么用js来修改href属性的值，暂时没学jq

ohitisme

2016-11-07

源自：JavaScript进阶篇 9-15

关注问题我要回答

8384

操作

收起

6 回答

stone310 回答被采纳 +3 积分
2016-11-08

修改了其中一段，见注释

function restoreMessage(){
    var oldnode=document.getElementById("oldnode");
    var newnode=document.createElement("b");
    newnode.id="oldnode"                       //增加一个id，否则后面点击取不了值
    newnode.innerHTML=oldnode.innerHTML;
    oldnode.parentNode.replaceChild(newnode,oldnode);

    var olda=document.getElementById("hah"); 
    olda.innerHTML="将加粗改为斜体";
    olda.setAttribute("href","javascript:replaceMessage()");   //这样写要加上javascript:
}

0 回复有任何疑惑可以回复我~

收起回答

慕移动9181930
2022-03-25

匹配myemailis也可以，但是直接匹配email规则已经可以满足通用需求。确实。不过可能他指的是幂次相差十倍吧。

0 回复有任何疑惑可以回复我~

收起回答

ohitisme 提问者
2016-11-08

<!DOCTYPE HTML>

<html>

<head>

<title>无标题文档</title>

</head>

<body>

<div><b id="oldnode">JavaScript</b>是一个很常用的技术，为网页添加动态效果。</div>

<a href="javascript:replaceMessage()" id="hah"> 将加粗改为斜体</a>

function replaceMessage(){

var oldnode=document.getElementById("oldnode");

var newnode=document.createElement("i");

newnode.innerHTML=oldnode.innerHTML;

oldnode.parentNode.replaceChild(newnode,oldnode);

var olda=document.getElementById("hah"); //

olda.innerHTML="将斜体改为加粗";

//olda.href = olda.href.replace("replaceMessage()", "restoreMessage()");

olda.setAttribute("href","restoreMessage()");

}

function restoreMessage(){

var oldnode=document.getElementById("oldnode");

var newnode=document.createElement("b");

newnode.innerHTML=oldnode.innerHTML;

oldnode.parentNode.replaceChild(newnode,oldnode);

var olda=document.getElementById("hah"); //

olda.innerHTML="将加粗改为斜体";

//olda.href = olda.href.replace("restoreMessage()", "replaceMessage()");

olda.setAttribute("href","replaceMessage()");

}

</script>

</body>

</html>

0 回复有任何疑惑可以回复我~

收起回答

stone310
2016-11-08

在console上面写的，就这个页面
document.getElementsByTagName("div")[0].setAttribute("href","hello")
//undefined
document.getElementsByTagName("div")[0]
//<div id="header" href="hello">…</div>

0 回复有任何疑惑可以回复我~

收起回答

qq_黑泽明_0
2016-11-08

href.replace(/default/, "test")不会改变href本身，返回值才是处理后的结果

例:

<head>
<link media="screen" type="text/css" href="default/style.css" rel="stylesheet"/>
</head>
<body>
<div>
<script>
window.onload = function(){
var link = document.getElementsByTagName("link")[0];
link.href = link.href.replace("/default/", "/test/");
alert(document.getElementsByTagName("link")[0].href);
}
</script>
</div>
</body>