问答详情
源自：9-16 创建元素节点createElement

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

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

<!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>

提问者：我啊我诶 2016-09-06 21:15

个回答

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

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

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

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

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


    0
  • 冰上行舟
    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>


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

    0