如何使用getElmentById来改变span的显示文本?

document.getElementById("sn").innerText="我变了!";

<span id="sn"> 原始文本! </span>
<script>
document.getElementById("sn").innerHTML = "我变了!";
</script>
两个都可以 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<span id = "sn" > 原始文本! </span>
<script language="javascript">
//document.getElementById("sn").innerHTML="我变了!";
document.getElementById("sn").innerText="我变了!";
</script>
</body>
</html>
document.getElementById("sn").innerText="张肥肠到此一游";
document.getElementById("sn").childNodes[0].nodeValue="xxxxxxxxxxx"这样写兼容性强。
<span id="dd">原始文本! </span><script type="text/javascript">
function run(){
    var s = document.getElementById("dd");
    s.innerHTML ="我变了" ;
window.setInterval("run2();", 3000);
}
function run2(){
    var s = document.getElementById("dd");
    s.innerHTML ="原始文本!" ;
}
window.setInterval("run();", 3000);
</script>
补充下：注意各浏览器的区别
1、innerHTML、innerText由微软最先在IE浏览器中实现，简化了DOM操作。比如要DOM创建一个表格，要document.createElement多次tr，td；还要每次append上去。2、后来innerHTML在firefox中也实现了。但innerText，outerText，outerHTML并未实现。