代码：
<script>
  function setspan(id)
  {
    if(id==1){a.innerText="设置文字"};
    if(id==2){a.innerHTML="<font color=red size=7>设置代码</font>"};
  }
</script>
<span id=a>观察变化</span>
<a href=javascript:setspan(1)>设置span的文字</a> <a href=javascript:setspan(2)>设置span的代码</a>

代码：
<style>
  span.highlight{background-color:yellow}
</style>
<span class="highlight">这是文本。</span> 这是文本。 这是文本。 <span class="highlight">这是文本。</span>

DIV标签与SPAN标签之间最明显的区别在于DIV是块元素，而SPAN是行内元素(也译作内嵌元素)。
1.所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行
2.块元素和行内元素也不是一成不变的，通过定义CSS的display属性值可以互相转化
提示：如果不对DIV元素定义任何CSS属性，其显示效果相当于P元素
理解下面的代码会有更形象的认识：

代码：测试<span>紧跟前面的"测试"显示</span><div>这里会另起一行显示</div>

代码：测试<div style="display:inline">紧跟前面的"测试"显示</div><span style="display:block">这里会另起一行显示</span>