首頁(yè) 猿問(wèn) 怎么用DOM創(chuàng)建a節(jié)點(diǎn)

怎么用DOM創(chuàng)建a節(jié)點(diǎn)

JavaScript

后知后覺(jué)88 2017-02-21 12:04:55

var oA=document.createElement("a");? ?oA.href="javascript:;";? ?oA.innerHTML="刪除"? ?alert(oA)彈出來(lái)的是 ??"javascript:;而不是“刪除”這個(gè)鏈接 ?是怎么回事啊?怎么正確的創(chuàng)建這個(gè)鏈接？求大神來(lái)教一下

查看完整描述

4 回答

已采納

JS嘛霸哥

TA貢獻(xiàn)4條經(jīng)驗(yàn) 獲得超1個(gè)贊

你如果想看效果，應(yīng)該先創(chuàng)建一個(gè)基本頁(yè)面類似

<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>文檔標(biāo)題</title>
</head>
<body>

</body>
</html>

接下來(lái)要做的選擇嵌入頁(yè)面的js還是在控制臺(tái)中輸出（引用外部文件也可以）

選擇好之后這樣搞，首先以**.html （**你可以自己命名）保存創(chuàng)建的基本頁(yè)面，用瀏覽器打開(kāi)它

接下來(lái)就是JavaScript的階段了

//?要把大象裝進(jìn)冰箱的三步
//?一、做一個(gè)冰箱
var?body?=?document.getElementsByTagName('body')[0];
//?或者寫成
//?var?body?=?documnet.body;
//?這樣就獲取了body元素
//?接下來(lái)按照你的方式創(chuàng)建a節(jié)點(diǎn)
//?二、找到大象
var?oA=document.createElement("a");
oA.href="javascript:;";
oA.innerHTML="刪除"
//?現(xiàn)在就是?三、把大象放進(jìn)去
body.appendChild(oA);
//?如果是通過(guò)控制臺(tái)輸入上述代碼，恭喜你，大象裝進(jìn)去了
//?然而，如果你是通過(guò)嵌入（<scrip></script>）標(biāo)簽的寫法，則需要包裝一下這個(gè)過(guò)程

第二種做法的完整代碼

<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>文檔標(biāo)題</title>
<script?type="text/javascript">
function?init()?{
??var?body?=?document.getElementsByTagName('body')[0];
??var?oA?=?document.createElement("a");
??oA.href="javascript:;";
??oA.innerHTML="刪除";
??body.appendChild(oA);
}
</script>
</head>
<body?onload="init()">

</body>
</html>

看我回答的多認(rèn)真，想更加深入的了解js可以在imooc上找教程，資源還是很豐富的說(shuō)~

最后，祝各位晚安。

1 反對(duì) 回復(fù) 2017-02-21