innerHTML属性

最新推荐文章于 2022-06-22 16:01:14 发布

充满鲜花的世界到底在哪里

最新推荐文章于 2022-06-22 16:01:14 发布

阅读量194

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/New_new_zero/article/details/115748597

版权

JavaScript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<html>
<head>
    <meta charset="utf-8"/>
    <title>innerHTML属性</title>
</head>
<body>
<span id="span1Id">我是 span1 中的文本内容</span>
<hr/>
<div id="div1Id"></div>
<hr/>
</body>
<script type="text/javascript">
    var span1 = document.getElementById("span1Id");
    document.write("输出 span1 中的文本：" + span1.innerHTML + "<br/>");
    //向 div1 的文本中写入指定内容
    var div1 = document.getElementById("div1Id");
    div1.innerHTML = "<h3>我是 div1 中的文本内容<h3>";
    //向 div1 的文本中加入表格
    var tempTable = "<table border='2' bordercolor='blue'>";

    tempTable += "<tr><td>aaa</td></tr><tr><td>bbb</td></tr><tr><td>ccc</td></tr>";

    tempTable += "</table>";
    div1.innerHTML = tempTable;
</script>
</html>

优惠劵

充满鲜花的世界到底在哪里

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
innerHTML属性

<html><head> <meta charset="utf-8"/> <title>innerHTML属性</title></head><body><span id="span1Id">我是 span1 中的文本内容</span><hr/><div id="div1Id"></div><hr/></body&gt
复制链接

扫一扫