请问如何用js控制div里的内容，以及控制这个div的显示和隐藏

控制其显示不显示：
document.getElementById("nav").style.display = "none"//不显示
document.getElementById("nav").style.display = "block"//显示

修改其内容：
//红色显示新内容，指定的其它标签页都被解释成html语言。
document.getElementById("nav").innerHTML = "新内容"

//无论你写什么，都会被当做文本显示出来。
document.getElementById("nav").innerText = "新内容"

1. 修改div标签内的内容：
document.getElementById(“nav”).innerHTML = "新内容";

2. 如果控制层的隐藏和现实最好不用 display ，因为设置为该属性后，其元素还是会占用那个空间的，建议用visibility = "hidden" or visibility = "none"
document.getElementById("nav").style.visibility = "hidden"//不显示
document.getElementById("nav").style.visibility = "none"//显示

参考：http://zhidao.baidu.com/question/302110096.html
可以兼容多个浏览器

司马唐迁 | 七级 说得很详细了