innerhtml 相关问题

innerHTML是DOM节点的属性，用于获取或设置HTML元素的内部HTML代码。它通常用于Javascript中以动态更改或从页面读取。

所以，我只是在学习 JS 并尝试使用 HTML/JS 编写一个基本游戏。我不知道如何更新分数文本。我有一个变量“分数”和一个带有“分数...”类的标签...

javascript html innerhtml

回答 1 投票 0

使用append()后重复问题 - 如何通过js或jquery重建innerHTML？

有人可以帮我解决我的代码的以下问题吗？有人可以帮我解决我的代码的以下问题吗？ <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" CONTENT="pl" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <style> #main { display: block; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: royalblue; color: aquamarine; z-index: 1; } #title { display: block; position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; background-color: darkgreen; color: lime; z-index: 2; } #content { display: block; position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; background-color: yellowgreen; color: yellow; overflow: scroll; z-index: 3; } </style></head> <body> <div id="main"> <div id="title"> <div id="content"></div> </div> </div> <script> function init() { var maindata = "Background"; var titledata = "Some title"; var contentdata = "Long text to scrolling Long text to scrolling "+ "Long text to scrolling Long text to scrolling "+ "Long text to scrolling Long text to scrolling "+ "Long text to scrolling Long text to scrolling "+ "Long text to scrolling Long text to scrolling "+ "Long text to scrolling Long text to scrolling "+ "Long text to scrolling Long text to scrolling "+ "Long text to scrolling Long text to scrolling "; init_layout(); update_layout(); function update_layout() { // HOW TO UPDATE DATA??? - MEANING: FIRST DELETE, THEN FILL WITH NEW DATA AND SAVE HTML TREE STRUCTURE? // WHAT SEQUENCE IS CORRECT? // //jQuery('#main').empty().append(jQuery('#main').append(maindata)); //jQuery('#title').empty().append(jQuery('#title').append(titledata)); //jQuery('#content').empty().append(jQuery('#content').append(contentdata)); //jQuery('#title').empty().append(jQuery('#title').append(titledata)); //jQuery('#main').empty().append(jQuery('#main').append(maindata)); // IF I TRY REFRESH DATA LIKE THIS BELOW, innerHTML will refresh, BUT also will contain duplicate in any element // where append() was used - so, i try correct it jQuery('#content').html(contentdata); jQuery('#title').append(titledata); jQuery('#main').append(maindata); } function init_layout() { jQuery('#content').html(contentdata); jQuery('#title').append(titledata); jQuery('#main').append(maindata); } } jQuery(document).ready(init); </script> </body> </html> 我尝试刷新网站并使用以下元素（#main、#title、#content）来显示实际结果（每次网站更改/重新加载时都会出现新数据）。 html 嵌套 div 元素共有三个： #main（带有“背景”消息）， #title（“某些标题”消息）， #content（长文本，模拟未来可以滚动的内容）。他们每个人都应该只有单个数据，而不是重复的...... 我尝试了以下 jQuery 方法： html - 为消息创建innerHTML结构并添加第一个附加 - 添加任何其他消息（实际上还有两条），空 - 用于在用新的实际消息填充 div 之前删除非实际消息代码的 css 部分负责网站的视觉方面（如颜色、边距、滚动等）。 Jquery 和 javascript 负责屏幕方向并在合理的时间内刷新网站。主要问题是：网站发生任何更改后，包含 #main 和 #title 的 div 会重复（不应该，但如何准备 data/innerHTML？）。我仍然找不到如何使用innerHTML正确重新初始化变量而不弄乱html树的解决方案...请帮助我。好吧，来自这个“令人惊叹的”门户的“专业人士”......；）X）问题解决了:)顺便说一句 - 很多“感谢”我可以在这里指望帮助（两天后没有结果，并且没有机会使用像“empty()”这样的秘密词 - 这是 jquery 函数，我需要标记这篇文章以获得更好的可见性- 原文如此！）。当然，也许有一天会更容易在这里获得一些“经验点”X）X）X）哈哈。对于网络开发的真正初学者来说很抱歉，但也许您在其他门户网站上找到了更多帮助（w3sshols 等）愿虚假与jquery和javascript的“专业人士”同在！ XD

jquery nested append refresh innerhtml

回答 1 投票 0

在插槽中操作innerText，同时保持插槽样式简洁

我想制作一个具有打字机效果的组件，但我需要将样式保留在插槽内，以便我可以使用具有相同效果的任何文本样式。主要文件： &l...

svelte innerhtml sveltekit

回答 1 投票 0

innerHTML 尽管被调用但未显示

这个错误实际上让我很生气，哈哈，所以我想制作一个问答游戏，每个问题都将根据问题变量内的对象进行更新，并且一切正常，但 num.innerHTML...

javascript function innerhtml

回答 1 投票 0

无法从innerhtml 中的锚元素调用javascript 函数 - 未定义

我有一个可折叠 div 列表，其中填充了 geoJson 文件中的数据，并在放大和缩小地图时动态更新，以反映...