问题标签 [dynamic-html]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
2441 浏览

php - 在 laravel 5.3 刀片中渲染动态锚标记

最近几天我正在学习laravel。似乎无法弄清楚如何在三元运算符中呈现动态锚标记。下面是我的代码片段:

基本上我正在检查特定任务是否完成(通过 $task->complete 模型属性)。如果是,则显示字符串“是”,否则呈现一个显示“标记为完成”的链接。此链接会将用户带到一条路线“/task/complete/{id of the task}”,我将在其中进一步处理它。

我无法将任务的 id 获取为链接 url 的一部分(通过 $task->id 属性)。非常感谢一些帮助和知识分享

0 投票
1 回答
61 浏览

javascript - JS - 如何在尚未创建的 HTML 页面中搜索?(动态 HTML)

我有一个 JSON 文件,其中包含指向项目文件夹中 html 页面的链接,我在用户单击按钮后在浏览器中动态创建 HTML 内容。但是,我尝试在所有这些动态页面中制作一个搜索引擎,但想不出办法,因为页面还没有显示出来。

有什么方法可以在我的项目文件夹中获取 HTML 页面的 innerHTML,并将其添加到搜索引擎数组中?

非常感谢,干杯

编辑:忘了提到这是一个网络应用程序,用户导航到他需要的最终文档(每个进程都有子进程和孙进程),所以我有很多内容,这就是我使用 JSON 和动态创建内容,而不是编写每个 html 页面......(我大概有大约 200 页)

0 投票
1 回答
51 浏览

jquery - jQuery 动态 HTML 属性覆盖脚本

几天来,我一直在努力使用 jQuery 尝试编写一个脚本来替换论坛聊天框中动态创建的跨度样式颜色。
两个元素都包裹在一个td元素class="chat"和一个跨度中,style="color:green"就像这样

例如,我尝试编写的脚本(可悲的是没有工作);

我还尝试使用其他一些类(td例如他们想要的跨度颜色与我的 CSS?chattd

0 投票
2 回答
8525 浏览

python - 抓取动态 HTML(YouTube 评论)

使用 Beautiful Soup 和 Request Library,我可以抓取 HTML 内容,但不能抓取 JavaScript 或 AJAX 调用加载的内容。

我如何通过我的 Python 脚本来模仿这个?因为当我们滚动页面时会加载 YouTube 评论。我找到了两种方法;一个使用 Selenium,另一个使用 lxml 请求,我有点听不懂。

示例(这是视频):

0 投票
1 回答
708 浏览

html - 创建动态 HTML 模板和提要数据

想要为提要创建动态模板并将数据输入其中。数据由标题、图片网址、副标题、内容等组成。

如何创建动态模板以及如何将数据输入其中?

编辑:我想创建一个像网页这样的新闻提要类型。我可以使用 jQuery。我有来自 JSON 格式链接的数据。我尝试附加到表格。但这似乎不是正确的出路。有没有一种动态的方式来做到这一点?

0 投票
0 回答
124 浏览

reactjs - 从已经存在的 html 字符串渲染组件

我想使用 React 为已经准备好的 html 字符串和样式对象实现组件的创建。我们有如下数据:

因此,我希望创建 2 个块:

我已经尝试了 2 个 npm 模块来实现这个想法(没有样式):

  • ReactHtmlParser - 从任何 html 字符串创建组件
  • JsxParser - 可以同时渲染 jsx + 组件

但是我总是遇到同样的错误: Component.render(): A valid React element (or null) must be returned。您可能返回了未定义、数组或其他一些无效对象。

我的渲染看起来像这样:

也许有人可以帮助理解为什么 getBlock 函数中的组件返回无法呈现的东西?

PS 其他组件是普通对象 {props...},但动态组件具有相同的结构,但额外包含在对象'body' {body:{props...}} 中。所以 ReactElement.isValidElement 无法检查对象的 $$type 属性,因为这个“body”包装器 =(

0 投票
2 回答
4351 浏览

javascript - 如何在 HTML 页面中动态填充值?

我是 HTML 和网站开发的新手。我正在构建一个主要使用 HTML、CSS 的网站(在线获取模板并尝试对其进行编辑)。有一个 HTML 页面,我想将其视为模板,我将向它传递一些 URL 参数并将其填充到 HTML 页面中。不知何故,我无法完成它。

我在 Eclipse 中创建了一个动态 Web 项目,并将 Tomcat 7.0 添加为服务器,并将 Chrome 66.0 添加为浏览器。

以下是代码片段:

URL 模式: http://localhost:8080/NPW_WEB/shop-single.html?Product_Name=First_Product

Javascript:

HTML:

这个话题已经在很多线程中讨论过了,我尝试了其中的几个,看起来很明显,但仍然不适合我。

0 投票
1 回答
685 浏览

jquery - 从菜单列表中删除元素后动态添加元素

https://jsfiddle.net/UdayKumar/rm5ey912/2/

我已经复制了工作演示。

从左侧拖动元素并放在右侧。div 必须动态更改其宽度和高度。在删除不同的元素时,我想动态添加元素,如单选按钮、复选框、文本字段等。有人可以帮我吗?

0 投票
4 回答
80 浏览

javascript - 鼠标悬停时更改字体颜色

当我 mouseover 时,我正在尝试更改颜色,elem1但我的代码不起作用..

如果有人可以帮助我解决这个问题,我会很高兴!

0 投票
0 回答
561 浏览

angular - Angular 服务器端从存储库和自定义组件动态呈现 html 模板

我想使用从存储库定义的模板加载自定义组件。此模板 html 包含组件的标签。例子:

主要目标是将 HTML 插入到组件中,然后激活内部组件的创建(appcontrols-categories-list、app-controls-edit、app-controls-list)。它必须与 AOT(用于 SSR)一起工作。可能吗?