javascript获取html页面中ID

Posted 2023-05-10

代码如下：
<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。

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

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

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

追答

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

参考技术A

你好！

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

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

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

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

希望对你有帮助！！

追问

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

追答

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

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

追问

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

本回答被提问者采纳 参考技术B document.getElementById("west").innerHtml="你想要的内容";追问

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

追答

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

追问

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

如何在 VSCode JavaScript 中获取 HTML 元素 ID 以自动完成？

【中文标题】如何在 VSCode JavaScript 中获取 HTML 元素 ID 以自动完成？

【英文标题】：How do you get an HTML element ID to autocomplete in VSCode JavaScript?

【发布时间】：2021-12-24 00:01:53

【问题描述】：

我正在尝试让智能感知在 VSCode 中使用 JavaScript，但是当我尝试在项目中引用 HTML 文件时，它无法识别 ID。

在图片中，您可以看到相同的项目在 Visual Studio 中运行良好。

有没有办法在 VSCode 中获得这个功能？

【问题讨论】：

请参阅How to Ask，然后修改您的标题以提出明确、具体的问题。不要只列出一堆标签。

【参考方案1】：

遗憾的是，Visual Studio 和 VS Code 是两个完全不同的软件。 Visual Studio 是一个 IDE（集成开发环境），这意味着它具有比普通文本编辑器（例如 VS Code 或 Atom）更多的功能。 VS Code 是一个文本编辑器，但是您可以安装扩展以使其更像 IDE。

最好的解决方案是查看 VS Codes 市场并尝试找到一个可以自动完成 HTML 标签的扩展。我个人还没有找到任何扩展。

希望这会有所帮助，如果您需要更多建议或在 discord CallumS005#9458 上帮助 DM 我，我将很乐意尝试并提供帮助。

【讨论】：

这就是我害怕的。很高兴我没有遗漏一些明显的东西。

@RyanDaniels 你永远无法确定你是否遗漏了一些明显的 VS Code，如此简单但同时又如此复杂