dom 相关问题

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 ...

手机版页面页脚

美好的一天， 移动版如何设置页面页脚？ 我在 DOM 不同位置进行了测试，但它不起作用。当我测试时，对于移动版本，我的页脚从移动设备上消失了

React 中的 Load 事件不起作用。如何制作页面加载器？

我正在尝试制作一个页面加载器，因此我制作了一个必须在窗口上添加加载事件的加载器组件，但它根本不起作用： 从“react”导入React，{useEffect} 导入'./loader.sas...

截止日期计数器在现实生活中不起作用

我正在写一个项目，应该从用户那里得到最后期限，并给现实生活中的最后期限留出时间，但我不知道我可以在现实生活中实现它。还需要使用 dom 然后添加这个。 ..

有没有其他方法可以切换按钮以进行响应式设计，我的 javascript 代码无法使用此功能

下面是JS代码 document.addEventListener("DOMContentLoaded,"); consttoggleBtn = document.getElementById('toggle_btn'); const dropDownMenu = document.getElementById('dropdown_menu');

从 URL 中提取基本域/eTLD+1

我目前正在编写一个WebExtension。在此扩展中，我需要在 JS 中处理一堆 URL 并提取基本域（又名 eTLD+1）。 所以 www.cnn.com => cnn.com cnn.com => cnn.com www.世界...

通过新图像预加载图像与链接标签预加载图像有区别吗？

使用 Javascript 预加载图像时，使用 new Image() 与 document.createElement(link) 和 rel="preload" 之间有区别吗？ 例如，以下之间有区别吗： 常量

。这是什么意思？我如何用 XML 编写它？

在我的示例 xml 中，我有一个这样的标签。 适用 当我尝试用 java 创建 XML 时，我尝试对其进行硬编码。 公共无效添加元素（

保存Nodelist并通过js数组访问

我正在运行一个 PHP 脚本，它从 URL 收集数据并在节点中显示指定的 html 标签。现在我想将此列表保存在我的服务器上并创建一个访问此文件的 js 函数，并且

如何通过chrome控制台更改嵌套在两个iframe内的元素的值？

我有一个元素位于一个 iframe 中，又位于另一个 iframe 中，因此是嵌套的。我想更改它的值，但我不能这样做，因为我认为 chrome 控制台找不到它。 文档.querySel...

如何从 Chrome 控制台更改嵌套在两个 iframe 内的元素的值？

我有一个元素位于一个 iframe 中，又位于另一个 iframe 中，因此是嵌套的。我想更改它的值，但我不能这样做，因为我认为 chrome 控制台找不到它。 文档.querySel...

当用户单击按钮时，如何存储可供以后使用的变量？

我正在做一个“石头、剪刀、布”项目。用户单击三个按钮（石头、布或剪刀）之一，然后计算机将进行选择，然后显示获胜者。有一次...

HTML/JS - 来自顶部：另一个未捕获的类型错误帖子

简单地说，我尝试了 async 和 defer 方法，以及移动 script 标签，试图让 dom 操作起作用。我认为这可能只是代码的问题，因为两者都没有解决问题。 ...

保存变量以在 JavaScript 中进行比较

我需要修改此代码，以便当同一首歌的名称在我的 html DOM 中显示 +10 分钟时，它会被自定义名称修改。 发生这种情况是因为我用来广播的软件...

BeautifulSoup 选择内部 HTML 包含多个单词的位置

有没有一种方法可以让我使用 BeautifulSoup 来获取包含多个单词的标签的文本？ 例如，如果我有 HTML： 你好 ... 有没有一种方法可以让我使用 BeautifulSoup 来获取包含多个单词的标签文本？ 例如，如果我有 HTML： <div> <div> <a>hello there</a> <a>hi</a> </div> <a>what's up</a> <a>stackoverflow</a> </div> ...我只想得到hello there what's up 您绝对可以使用 BeautifulSoup 从包含多个单词的 HTML 标签中提取文本。在您的示例中，您想要从具有多单词内容的标签中提取文本。以下是如何在 Python 中使用 BeautifulSoup 来实现这一点。 from bs4 import BeautifulSoup html = ''' <div> <div> <a>hello there</a> <a>hi</a> </div> <a>what's up</a> <a>stackoverflow</a> </div> ''' soup = BeautifulSoup(html, 'html.parser') target_tags = soup.find_all('a') # Find all <a> tags multi_word_texts = [] for tag in target_tags: if ' ' in tag.get_text(): # Check if the tag text contains a space (indicating multiple words) multi_word_texts.append(tag.get_text()) result = ' '.join(multi_word_texts) print(result)

通过 DOM 将文本添加到 JavaScript 中的现有文本元素

我试图弄清楚如何将文本添加到已经有文本节点的 p 标签或 h1 标签。 例如： var t = document.getElementById("p").textContent; var y = document.createTextNode("这只是...