首页猿问怎么用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