首頁猿問怎么用DOM創建a節點

怎么用DOM創建a節點

JavaScript

后知后覺88 2017-02-21 12:04:55

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

查看完整描述

4 回答

已采納

JS嘛霸哥

TA貢獻4條經驗獲得超1個贊

你如果想看效果，應該先創建一個基本頁面類似

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

</body>
</html>

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

選擇好之后這樣搞，首先以**.html （**你可以自己命名）保存創建的基本頁面，用瀏覽器打開它

接下來就是JavaScript的階段了

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

第二種做法的完整代碼

<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>文檔標題</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>

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

最后，祝各位晚安。

1 反對回復 2017-02-21