[JS应用在HTML] 如何使用JavaScript向HTML写入数据

如何使用JavaScript向HTML写入数据

上一章,我们讲述了如何使JavaScript获取<input>的内容 ,这一章,就来讲述 如何使用JavaScript向HTML写入数据。

第一种(不推荐)

document.write("Hey!");

不推荐第一种,原因是此方法会覆盖所有的内容再写入。

第二种(推荐)

[使用第二种的时候,还需要一个指定一个容器和一个HTML标签(HTML Tag)!]

<!--这是一个区块-->
<div id="a"><!--这是指定区域-->
<span></span>man!
<!--span就是我们要指定的HTML Tag-->
</div>
<!--接下来是JavaScript部分-->
<script type="text/javascript" language="JavaScript">
var span=document.getElementById('a').getElementsByTagName('span');
span[0].innerHTML = "Hey!";
</script>

之所以推荐,是因为第二种不会覆盖任何数据。不过缺点是如果不在程序运作的开头就清空HTML Tag里的数据,会重复写入。

<!--改良的 第二种-->
<!--这是一个区块-->
<div id="a"><!--这是指定区域-->
<span></span>man!
<!--span就是我们要指定的HTML Tag-->
</div>
<!--接下来是JavaScript部分-->
<script type="text/javascript" language="JavaScript">
var span=document.getElementById('a').getElementsByTagName('span');
span[0].innerHTML = ""; //这是改良中唯一变动的地方
span[0].innerHTML = "Hey!";
</script>