javascript获取html页面中ID

Question

代码如下：
<div region="west" split="true" title="导航菜单" iconCls="true" style="width:180px;overflow:hidden" id="west">
<div class="easyui-accordion" fit="true" border="false" id="wnav">
<!-- 导航内容 -->

</div>
</div>
<div id="mainPanle" region="center" iconCls="true" style="overflow:hidden;background: #eee;">
<div id="tabs" class="easyui-tabs" fit="true" border="false" style="overflow:hidden;" >
<div title="欢迎使用" style="overflow:hidden;padding:20px;" id="home">

<iframe name="mainFrame" scrolling="no" frameborder="0" url="1.jsp" style="width:100%;height:100%;"></iframe>

</div>
</div>
</div>
在javascript中1.jsp页面中怎么只刷新west这个div。

Answer 1

直接js代码：
document.getElementById("west").innerHtml="新的内容";

jquery代码:
$('#west').html('新的内容');
使用jquery可以比js更方便的操作页面的元素，而且对浏览器ie6的兼容性好，建议使用jquery追问

不能重新加载内容，因为用了easyui，重新加载样式会消失。还有我想知道怎么获取west这个id。

追答

$('#west').html('新的内容');这个方式不会刷新页面。
你想用什么条件来获取id?如果是第一个div的id，可以$('div:first').attr('id');

Answer 2

你好！

分析你的需求，应该是在#west这个div下面，动态显示导航内容吧！

使用了easyui，也就是有jquery了，可以通过jquery来获取#west

$("#west")  就是你的west这个div了

如果想加载内容到#wnav这个div，就通过$("#wnav")来得到，
然后通过   $("#wnav").append("你动态加载的内容");  将内容加载进去..

希望对你有帮助！！

追问

。。我要的不是重新加载内容，重新加载内容不会把easyui的样式重新加载进去。。。

追答

发现你的回答全都千篇一律，我们的代码没有重新加载内容····
不懂可以学习，更要虚心··

不想打击你，但是easyui用到这个份儿上，你根本没看过文档吧，哪怕是例子~~~
还有补充一句，在追问前加的这个"。。"真得不得不让我对你说一句，我去年买了个表··

追问

受教了，但是我看过了，可能理解能力不好，谢谢你的回答。

本回答被提问者采纳

Answer 3

document.getElementById("west").innerHtml="你想要的内容";追问

不能重新加载内容，因为用了easyui，重新加载样式会消失。还有我想知道怎么获取west这个id。

追答

用了jquery就方便了,使用$("#west").html("你想要的内容。");
这个不会重新加载页面。

追问

我就是要重新加载页面。。。不是重新加载内容。。