DIV里面调用JS的ID。JS如何设定ID及内容?

原代码:
<div>ABC显示内容</div>
<div>efg显示内容</div>

我的意思是想设定为:
<div id="abc"></div>
<div id="efg"></div>
然后把“ABC显示内容”“efg显示内容”放入JS,设定ID,
最后在结尾地方调用JS,识别并显示对应ID的内容。

--------------------------------------------------

我在网上找到一个代码可以在IE下实现,但是在FIREFOX上面不显示。

代码如下:
<html>
<head></head>
<body>
<div id="abc"></div>
<div id="efg"></div>
<script type="text/javascript">
document.all.abc.innerHTML="ABC显示内容";
document.all.efg.innerHTML="efg显示内容";
</script>
</body>
</html>
我需要兼容IE及FIREFOX的JS代码!
要规范使用document.getElementById

<html>
<head><空扒/head>
<body>
<div id="abc"></div>
<div id="efg"></div>
<script type="text/javascript"友配>
document.getElementById('abc').innerHTML="ABC显示斗告昌内容";
document.getElementById('efg').innerHTML="efg显示内容";
</script>
</body>
</html>
用document.getElecmentById("abc").innerHTML="ABC显示内容";
用document.getElecmentById("efg").innerHTML="efg显示内容";

括号中就是HTML中的元素卜缺氏雀ID

这样定位更保险

关于CSS的内容可以去CSS黑板报看型核辩看

直接百度:CSS黑板报,第一个就是了
<html>
<body>
<div id="abc"></div>
<div id="efg"></div>态雀明岁孙
<script type="text/javascript">
document.getElementById("abc").innerHTML="ABC显示内容";
document.getElementById("efg").innerHTML="efg显示内容";
</script>
</body>
</html>

另帆告外,你给出的代码如果是在Firefox3.5以上版本中也是可以运行的。
document.getElecmentById()
就可蔽厅以,如几位兄弟所说埋此。。。
路过弯并迅。。。