为了账号安全,请及时绑定邮箱和手机立即绑定

怎么用DOM创建a节点

怎么用DOM创建a节点

后知后觉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
?
牛奶老哥哥

TA贡献204条经验 获得超92个赞

你要是想看你创建的a就要用console.log(oA),在控制台里面看

查看完整回答
反对 回复 2017-02-21
?
南秋艳时北雨凉

TA贡献13条经验 获得超6个赞

这种方法是正确的啊,有问题的是alert方法

如果alert的参数是对象,会把这个对象转换为字符串显示,相当于调用它的toString()方法。调用toString()方法显示的就是“javascript:;"

查看完整回答
反对 回复 2017-02-21
?
KevenHuang

TA贡献280条经验 获得超233个赞

用setAttribute设置href,文本用createTextNode来创建并追加到oA中。
查看完整回答
反对 回复 2017-02-21
  • 4 回答
  • 2 关注
  • 2650 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信