                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

怎么用js來(lái)修改href屬性的值

怎么用js來(lái)修改href屬性的值，暫時(shí)沒(méi)學(xué)jq

ohitisme

2016-11-07

源自：JavaScript進(jìn)階篇 9-15

關(guān)注問(wèn)題我要回答

8430

操作

收起

6 回答

stone310 回答被采納 +3 積分
2016-11-08

修改了其中一段，見(jiàn)注釋

function?restoreMessage(){
????var?oldnode=document.getElementById("oldnode");
????var?newnode=document.createElement("b");
????newnode.id="oldnode"???????????????????????//增加一個(gè)id，否則后面點(diǎn)擊取不了值
????newnode.innerHTML=oldnode.innerHTML;
????oldnode.parentNode.replaceChild(newnode,oldnode);

????var?olda=document.getElementById("hah");?
????olda.innerHTML="將加粗改為斜體";
????olda.setAttribute("href","javascript:replaceMessage()");???//這樣寫(xiě)要加上javascript:
}

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕移動(dòng)9181930
2022-03-25

匹配myemailis也可以，但是直接匹配email規(guī)則已經(jīng)可以滿(mǎn)足通用需求。確實(shí)。不過(guò)可能他指的是冪次相差十倍吧。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

ohitisme 提問(wèn)者
2016-11-08

<!DOCTYPE HTML>

<html>

<head>

</head>

<body>

? <div><b id="oldnode">JavaScript</b>是一個(gè)很常用的技術(shù)，為網(wǎng)頁(yè)添加動(dòng)態(tài)效果。</div>

? <a href="javascript:replaceMessage()" id="hah"> 將加粗改為斜體</a>

??

? ? <script type="text/javascript">

? ? ? 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 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

stone310
2016-11-08

在console上面寫(xiě)的，就這個(gè)頁(yè)面
document.getElementsByTagName("div")[0].setAttribute("href","hello")
//undefined
document.getElementsByTagName("div")[0]
//<div?id="header"?href="hello">…</div>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

qq_黑澤明_0
2016-11-08

href.replace(/default/,?"test")不會(huì)改變href本身，返回值才是處理后的結(jié)果

例:

<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>