为什么需要a.innerHTML = text;这句

来源:9-16 创建元素节点createElement

我啊我诶

2016-09-06 21:15

我觉得这句好像没什么意思,但是删除后就错了   这是完整代码

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

</head>

<body>

<script type="text/javascript">

var main = document.body;

//创建链接

function createa(url,text)

{

    var body = document.body;

    var a = document.createElement("a");

    a.setAttribute("href",url);

    a.innerHTML = text;

    a.style.color = "red";

    body.appendChild(a);

}

// 调用函数创建链接

createa("http://www.imooc.com","慕课网");

</script> 

</body>

</html>

写回答 关注

3回答

  • 慕粉3801737
    2016-09-08 13:34:44
    已采纳

    为a标签设置内容,不写这句代码为:<a></a>,页面显示不出来;写了就是<a>慕课网</a>,因为text就是"慕课网"。

    我啊我诶

    非常感谢!

    2016-09-09 12:41:22

    共 1 条回复 >

  • Charlie7
    2016-09-06 23:02:42

    a.innerHTML = text ,可以设置a的内容还可以为内容添加动作。或者直接可以添加行级标签

    a.innerHTML =<a href="javascript;"   onclick="add()" > 添加个超链接</a>


  • 冰上行舟
    2016-09-06 22:49:29

    innerHTML 属性是用于获取或替换 HTML 元素的内容。例如:

    ①<p id="p1">修改前的内容</p>

    ②<p id="p2"><a href="http://www.baidu.com" onclick="deleteRow(this)">百度</a></p>

    var v1=document.getElementById("p1");

    v1.innerHTML="修改后的内容";//这时①其实等价于:<p id="p1">修改后的内容</p>

    var v2=document.getElementById("p2");

    v2.innerHTML="<span>没有链接的文字</span>"//这时②就等价于:<p id="p2"><span>没有链接的文字</span></p>


    也就是说删不删与这个节点的属性有关,具体情况具体分析,由于你问题问得不够详细,我也不知道这是否对你有帮助。

    我啊我诶

    我把完整代码发上去了 您能帮忙再看看吗 谢谢了

    2016-09-07 20:09:22

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题