dom 相关问题

将 document.evaluate 与包含正则表达式的 XPath 一起使用

我想以这种形式获取所有具有 href 属性的“a”元素：http(s)://any.example.com，其中any 可以是仅包含字母和/或数字的字符串。 我是正则表达式新手并且...

从重新构建 clojurescript 应用程序中解释 HTML 字符串

我想将重新构建的 clojurescript 应用程序连接到无头内容管理器以获取帖子。内容以带有 HTML 标签的字符串形式返回给我 - 如下所示： dsfdsfdsf 我想将重新构建的 clojurescript 应用程序连接到无头内容管理器以获取帖子。内容以带有 HTML 标签的字符串形式返回给我 - 如下所示： <h1>dsfdsfdsf</h1><p>ddsfdsf</p> 我直接显示字符串并以显示标签的完整字符串结束...... 我读到我需要使用解释器访问 DOM。 我尝试了以下功能 (defn parse-html [html] "Parse an html string into a document" (let [doc (.createHTMLDocument js/document.implementation "mydoc")] (set! (.-innerHTML doc.documentElement) html) doc )) (parse-html "<div><p>some of my stuff</p></div>") 但以错误结束 Uncaught Error: Objects are not valid as a React child (found: [object HTMLDocument]). If you meant to render a collection of children, use an array instead. 有人可以建议我一种从字符串渲染 html 的方法吗？ 预先感谢您的帮助。 问候 我已将 re-frame 标签替换为更合适的 reagent - 重新构建自身用于渲染的库。 在 React 中，您可以通过接收未解析的 HTML 的 dangerouslySetInnerHTML 属性来完成此操作。 在试剂中，并因此重新构建，为了使用该属性，您必须编写如下内容： (defn wrap-html [html] [:div {:dangerouslySetInnerHTML {:__html html}}])

如何定位两个 DOM 集合？

我对 JS 很陌生，我正在尝试链接两个集合。我试图做到这一点，如果 HTML 元素是某种颜色，则将单击父 HTML 元素。如果有人可以提供任何建议...

如何在 React 中将 HTML 字符串转换为虚拟 DOM？

我希望能够获取一个原始的 HTML 字符串，通过angerlySetInnerHTML 将其插入到 React 组件中，并将其合并到虚拟 DOM 中。有什么办法可以做到这一点吗？ 例如...

循环数组并将元素打印到 DOM

我在访问数组和循环数组然后将数组内的元素打印到 DOM 时遇到问题。由于某种原因，它只是打印出“Relish”，而没有......

我应该使用锚点还是按钮元素进行选项卡式导航吗？

我正在构建一个网站，并且之前已经使用按钮和锚点构建了导航。我很困惑该使用哪一个进行选项卡式导航。 我已经看过这个问题/答案，其本质是......

输入元素没有只读属性，但字段仍然不可编辑[关闭]

我正在 React 创建一个表单，并且有从服务器数据填充的字段。这些字段应该向用户显示当前存在的内容，并允许他们在需要时编辑数据...

如何将WebView2文档加载到HtmlAgilityPack中

我不知道如何将 WebView2 文档加载到 HTML Agility Pack 中。我正在使用 JavaScript 来获取字符串形式的 DOM。但是，当我将 DOM 字符串加载到 HtmlAgilityPack 文档中时，e...

如何使用 DOM getElementById 返回数组

code.js（js文件） 让冬天= [“苹果”，“橙子”，“葡萄”]; 控制台.log(冬天); document.getElementById("水果").innerHTML = 冬天; 水果摊 为什么我...

无法使用react中的引用访问或操作dom

我尝试使用 useRef() 钩子访问 dom 来获取 React 中特定元素的高度，并将另一个元素的高度分配给它，这样它的高度就会根据 h 动态变化...

document.getElementById().innerHTML 不起作用，但我可以将该元素的值记录到控制台。发生什么事了？

我目前正在重写一个小项目，其中对澳大利亚的一个慈善组织根据一系列问题进行评分。以前，HTML 格式很差，没有表单标签，...

如何获取数据并读取响应

嗨，我想制作一个笑话应用程序，所以我想从网站上提取笑话并将其显示在我的 div 中，这是我的代码，它给了我未定义的代码 ...

对象没有出现在 DOM 中

我正在尝试使用foreignObject 在HTML 代码中添加3 张图片。我的代码如下。问题是最后一个foreignObeject（id =“target4”）没有出现在DOM树中，但是第一个......

如何使用 DOM 获取元素

我想在单击复选框时获取相应hello的引用。请帮助我指导该怎么做 我已经尝试过，当复选框更改时，传递函数将...

如何重置querySelectorAll号码？

我有5里，当达到相同的次数时，函数就停止重复。我需要另一个功能来重置或取消这个号码。 这是我的代码： 让当前索引 = 0;

react/tolgee - 翻译函数在屏幕中返回输出，但在控制台中它作为函数出现

使用 React 中的 Tolgee 库在应用程序中切换两种语言 这就是我正在尝试的 从'@tolgee/react'导入{useTranslate}； const { t: 翻译 } = useTranslate();

v-data-table-server 未更新表模板中的组件

我有一个 Vuetify v-data-table-server （文档），它通过从 API 获取数据来更新自身。 我有一个 Vuetify v-data-table-server (docs)，它通过从 API 获取数据来更新自身。 <template> <v-data-table-server v-if="events.length > 0" v-model:items-per-page="events_limit" :headers="headers" :items-length="events_total" :items="events" :loading="loading" item-key="e_id" @update:options="loadItems"> <template #item.e_created_at="{ item }"> <event-date :initialDate="item.raw.e_created_at" /> {{ item.raw.e_created_at }} </template> <template #item.e_status="{ item }"> {{ item.raw.e_status }} </template> </v-data-table-server> </template> <script> import userService from "user.service"; import EventDate from "EventDate.vue"; export default { name: "Events", props: ["page"], computed: {}, components: { EventDate, }, data: () => ({ isLoading: false, isSuccess: false, events: [], events_offset: 0, events_limit: 10, loading: true, headers: [ { title: "Date", align: "start", sortable: true, key: "e_created_at", }, { title: "Result", align: "start", sortable: true, key: "e_status", }, ], }), mounted() { this.loadItems({ page: 1, itemsPerPage: 10 }); }, methods: { loadItems({ page, itemsPerPage, sortBy }) { this.loading = true; userService .get_events({ limit: itemsPerPage, offset: (page - 1) * itemsPerPage, sort_by: sortBy, }) .then( (response) => { this.events_total = response.events_total; this.events = response.events; this.loading = false; }, (error) => { console.log(error); } ) }, }, }; </script> 我还有一个 EventDate 组件，它只是格式化日期： <template> <div> <span>{{ formattedDate }}</span> </div> </template> <script> export default { name: "EventDate", props: { initialDate: { type: String, required: true, }, }, data() { return { date: "", }; }, computed: { formattedDate() { const dt = new Date(this.date); const day = dt.getDate().toString().padStart(2, "0"); const month = (dt.getMonth() + 1).toString().padStart(2, "0"); const year = dt.getFullYear(); const hours = dt.getHours().toString().padStart(2, "0"); const minutes = dt.getMinutes().toString().padStart(2, "0"); const seconds = dt.getSeconds().toString().padStart(2, "0"); return `${day}.${month}.${year} ${hours}:${minutes}:${seconds}`; }, }, created() { this.date = this.initialDate; // Set the initial date when component is created }, }; </script> 获取第一页时，一切看起来都很正常：组件显示格式化数据。 但是当我跳转到另一个页面时，虽然我从 API 获得了正确的值，甚至在表格中看到了它们，但 EventDate 组件实例没有更新： 我错过了什么？ 这是因为您每次都使用相同的页码- mounted() { this.loadItems({ page: 1, itemsPerPage: 10 }); }, 正如我所见，您将页码作为道具，因此请使用道具数据- mounted() { this.loadItems({ page: this.page, itemsPerPage: 10 }); }, 让我知道这是否有效。

如何用JS删除<style>标签

我需要通过JS从html文件中删除完整的标签及其内容。 我的想法是找到标签并通过检查其内容找到正确的标签。然后使用node.parentNode.removeChild(node)...

如何使用javascript更改HTML元素的值？ [已关闭]

我正在创建一个计数器，我想增加、减少或重置0。我应该在事件监听器中写什么？ 0 我只尝试过使用 vari...

为什么setAtrribute和removeAttribute不起作用

App.js const ul = document.querySelector('ul'); const li = document.createElement('li'); ul.append(li); li.innerText = 'X 战警'; li.setAttribute('id', '主标题'); 索引.html ...