dom 相关问题

通过文档对象模型,将此标记用于有关其他语言与XML / HTML交互的问题。不要将其用作HTML,JavaScript或SAX的简写 - 使用其他标记来表示语言和标记。

无法选择div元素的类并向该元素添加另一个类[JS]

我正在做这个 GPS 项目,遇到了一个问题。我想构建一个由 360x180 网格项组成的网格,每个网格项代表一个 GPS 坐标,它动态地获取自己的...

回答 1 投票 0

设置内联 SVG 样式时是否需要 CDATA?

我读过有关此问题的各种内容,所以我希望能对其进行明确的排序。 如果我有内嵌在 HTML 文档中的 SVG 标记,并且我使用 CSS 对其进行样式设置,我是否需要包装该 CSS...

回答 1 投票 0

Java XML:在特定位置插入

我尝试在特定位置插入 XML 节点。 我在插入之前有什么 1 2 ...

回答 1 投票 0

JavaScript 代理不适用于打开的 Window 对象

我需要代理一个用window.open打开的窗口对象。 据我了解(这不太好),这里的琐碎“处理程序”实际上应该是身份操作,通过

回答 1 投票 0

检查tagName还是instanceof HTMLAnchorElement是否更好

如果我想检查特定的 DOM 节点是否是锚元素,哪个选项会更安全、更快? 通过更安全,我希望了解 IE6-8 等旧版浏览器可以更好地支持哪种浏览器。 ...

回答 2 投票 0

addEventListener 不适用于从 javascript 添加的新类选择的元素

我试图让按钮在单击评级时起作用。否则我不会让按钮 addEventListener 工作 我确实使用 conso 检查了所有元素是否正确循环...

回答 1 投票 0

在 HTML 中嵌入 csv 以与 D3.js 一起使用

在 D3.js 中,通常从外部 csv 文件加载数据。这对于大数据来说非常高效,并且避免了数据变化时更改代码。 不过,有两种情况(仅使用...

回答 1 投票 0

检测节点何时被删除(或因为父节点被删除而从 DOM 中删除)

我想检测节点(例如nodeX)何时不再可用,要么是因为它被删除了,要么是因为它的父节点(或其父节点)被删除了。 目前为止我能想到的就是用Muta...

回答 4 投票 0

在显示多个项目的滑块中保持 tabindex 顺序逻辑

我的网站有带有选项卡式导航的轮播/滑块面板。每个面板都显示了一条书籍封面的“河流”。一次显示 5 个封面,然后单击下一张/上一张幻灯片 3 本书出炉,3 本书新出……

回答 1 投票 0

如何使用默认参数的clickHandler

问题:我尝试在 onClick 上制作两个例程;第一个例程是通过单击访问时,第二个例程是通过直接调用触发时。但是当 onClick 处理函数时我发现语法错误...

回答 1 投票 0

为什么当我检查其虚假性时仍然出现“文档未定义”错误?

我正在使用 Deno Fresh。在routes/indes.jsx中我有: 从“../islands/test.jsx”导入测试; 导出默认函数 App() { 返回 在 island/test.jsx 中我...

回答 1 投票 0

HTMLInputElement maxLength 属性具有无效的默认值

我们正在开发一个网络组件库。 为了使其在 Storybook 中正常工作,每个受支持的属性都需要有一个默认值,对于 HTMLInputElement 的 maxLength(与 minLength 相同)

回答 1 投票 0

Vue3 DOM 引用 onMounted addEventListener

我在vue3中有这个组件: 我在vue3中有这个组件: <template> <div class="list-cell"> <div v-for="(value, index) in lines" ref="items" :key="index" class="list-cell--item" > {{ value }} </div> </div> </template> <script setup lang="ts"> import { Ref, ref, onMounted, onUnmounted, PropType } from 'vue'; const items: Ref<HTMLElement[]> = ref([]); defineProps({ lines: { type: Array as PropType<string[]>, default: () => [] }, }); const handleMouseEnter = () => { console.log(1); }; const handleMouseLeave = () => { console.log(2); }; onMounted(() => { items.value.forEach((item) => { item.addEventListener('mouseenter', handleMouseEnter); item.addEventListener('mouseleave', handleMouseLeave); }); }); onUnmounted(() => { items.value.forEach((item) => { item.removeEventListener('mouseenter', handleMouseEnter); item.removeEventListener('mouseleave', handleMouseLeave); }); }); </script> 此组件是具有多行和分页的表格中单元格的简化版本。 它并不总是为所有单元格记录 1 或 2 但如果我向事件侦听器添加超时,它总是正确记录 1 或 2: setTimeout(() => { items.value.forEach((item) => { item.addEventListener('mouseenter', handleMouseEnter); item.addEventListener('mouseleave', handleMouseLeave); }); }, 5000); 有人知道为什么吗? 这是使用单元格的表格: <Table> <TableHeader slot="table-header" :columns="tableColumns" /> <TableBody slot="table-body" > <TableRow v-for="(entity, index1) in dataSource" :key="currentItemOffset + index1" :row="entity" rowid="index1" > <TableCell v-for="(item, index2) in entity" :key="currentItemOffset + index2" > <ComponentWithIssue :lines="item" ></ComponentWithIssue> </TableCell> </TableRow> </TableBody> </Table> OP 通过使用以下事件解决了他的问题: @mouseleave @mouseenter 也可以使用 nextTick,但它更像是一种 hack,而不是更好、更常见的做事方式。偶尔应与某些需要额外时间初始化的 3rd 方软件包一起使用。尽管如此,从用户用户体验的角度来看,它比使用 setTimeout 更好。

回答 1 投票 0

React 主题切换问题:CSS 在后续主题切换时不会更新

我在 React 应用程序中遇到主题切换问题。该应用程序支持两个主题,我将其称为主题一和主题二。我正在使用延迟加载来动态加载...

回答 1 投票 0

未捕获的 TypeError 无法读取属性“0”

我正在尝试使用 javascript 和 asp.net mvc 5 上传文件。但我收到此错误。 未捕获的类型错误无法读取属性“0” 这是我的代码: $("#btnReciveDocument").click(有趣...

回答 1 投票 0

dom元素显示问题

我试图在单击“应用”后在跨度内显示每月付款,甚至已经进行了测试,并且测试也不会打印出来并将代码放入其自己的文件中(假设)...

回答 1 投票 0

DOM操作克隆节点和放置值

我试图通过克隆 li 项来动态创建一个列表,然后动态填充该列表的值。奇怪的是,我只从该列表中的对象中获得了第二项。我有三...

回答 1 投票 0

使用 EMBED 和 URL.createObjectURL 设置 pdf 名称(不可下载)

重复标记的免责声明:这个问题与下载文件无关。请先阅读问题,然后再将其标记为重复。 我正在使用嵌入在 HTML 文档中渲染 PDF 文件...

回答 1 投票 0

div 的子级在放入网格之前分开

我希望红色棋子的子元素可以拖放到网格上。具体来说,我希望将这些碎片分开丢弃。例如,当我将 redPiece5 拖放到网格上时,不...

回答 1 投票 0

Chrome 控制台 |仅重新加载或刷新特定元素,而不是整个页面

我正在测试一个页面,该页面有大约 50 个只读字段,每个字段都显示来自数据库的值。该页面工作正常,当该字段(在数据库中)发生更改时,页面显示

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.