dom 相关问题

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

大家好，我在将 innerText 值传递给父组件时遇到问题下面是父组件和子组件的截图我想接收的父组件...

reactjs dom react-hooks react-props

回答 1 投票 0

在 querySelectorAll 的选择器中使用 TailwindCSS 类时如何修复“不是有效的选择器”错误？

我正在尝试使用 querySelectorAll() 检索与以下 CSS 选择器匹配的所有 DOM 元素：让选择器 = 'div.group.w-ful.text-gray-800.dark:text-gray-100.border-b.border-black/10.dark:

javascript css dom css-selectors selectors-api

回答 1 投票 0

无法将 HTML JS 转换为 JSX (ReactJS)

我正在尝试根据它们在列表中的位置映射框并相应地附加它们的类但我无法实现我想要实现的目标。这些框没有显示。我不是

reactjs dom react-hooks dom-events

回答 2 投票 0

WebComponent - shadow DOM 和 append on connectedCallback 之间的区别

在 WebComponenet 的上下文中，使用 connectedCallback() 方法附加元素和使用影子 DOM 有什么区别？影子 DOM 示例：类 MyWebComponent 扩展

javascript html dom

回答 0 投票 0

在从 JavaScript 修改之前恢复原始 HTML 或 DOM

遗留网站在与当前浏览器不兼容时使用 JavasSript 删除某些元素。就像是：如果 (!navigator.javaEnabled()) document.getElementById('greenscreen').客栈...

javascript dom events

回答 1 投票 0

如何从链接（字符串）创建文档对象

有没有办法通过调用函数来创建javascript文档对象？是这样的： var myDoc = createDocument("example.html"); </s...</desc> <question vote="1"> <p>有没有办法通过调用函数来创建一个javascript文档对象？像这样的东西：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code><script type="javascript/text"> var myDoc = createDocument("example.html"); </script></code></pre> </div> </div> <p></p> <p>我希望能够从字符串“example.com”创建和操作 DOM。</p> </question> <answer tick="true" vote="0"> <p>最初您需要在使用<a href="https://developer.mozilla.org/en-US/docs/Web/API/DOMParser" rel="nofollow noreferrer">DOMParser</a>后通过AJAX请求获取html。</p> <pre><code>var parser = new DOMParser(); var doc = parser.parseFromString("<html_string>", "text/html"); </code></pre> <p>或</p> <pre><code>var doctype = document.implementation.createDocumentType( 'html', '-//W3C//DTD XHTML 1.0 Strict//EN', 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd' ); var dom = document.implementation.createDocument( 'http://www.w3.org/1999/xhtml', 'html', doctype ); // assign the body of your page, after you can use dom variable. dom.documentElement.innerHTML = '<head></head><body></body>'; </code></pre> </answer> </body></html>

javascript dom

回答 0 投票 0

如何让字幕提示框一直固定在视频底部

我想让提示框固定在屏幕底部。我有 .vtt 格式的字幕文件。我正在使用 webvtt。 .ts 文件 @ViewChild('cVideo', { 读: ElementRef }) 只读 cVideo！：ElementRef ...

javascript html angular dom webvtt

回答 0 投票 0

为什么 window.resizeTo() 函数不在 JavaScript 中小于给定值时调整窗口大小

我正在 chrome 模式下使用 python-eel 构建一个应用程序（前端：HTML、CSS 和 JS）。问题是我使用了一个在调整窗口大小时调整窗口大小的函数，这样我的应用程序内容看起来......

javascript html dom window-resize eel

回答 0 投票 0

onclick 无法正常工作 chrome expention JS HTML dom

尝试将 html 注入网站和 activeat 按钮使用 onclick 函数 const locetion = document.querySelector("#app > div:nth-child(1)"); // 在网站上设置位置 f...

javascript html dom google-chrome-extension

回答 2 投票 0

更改文本节点值

有没有办法在网络浏览器中更改 DOM textNode 的值？我特别想看看我是否可以更改现有节点，而不是创建一个新节点。为了澄清，我需要这样做......

javascript dom dhtml

回答 2 投票 0

如何使用 javascript（Vanilla 或 JQuery）删除一系列行

我需要删除从 ID 为“#deleteFirstRow”的行到 ID 为“#deleteLastRow”的行范围内的表行。但是这两个 ID 中的所有其他行都应该保留。注意：我...

javascript jquery dom

回答 2 投票 0

为什么方法事件侦听器单击仅在 for 循环中第一次起作用

我想在每次点击按钮“slotsAvailables”和“buttonBooking”时运行函数“checkSlotsChoosen”，但它只适用于第一次点击，在每个

javascript for-loop dom addeventlistener onclicklistener

回答 0 投票 0

尝试重复功能以在输入之间跳转

const ignoreOtherSymbols = document.querySelector(".word .first") 让计数器= 1 让词='' 让 fifthValue = '' 让行= 0 让 container = document.getElementsByClassName("word&...

javascript html dom input

回答 0 投票 0

js 没有边界

我是新手。我想将页面的颜色更改为白色，但更改后，我希望我的 .symbol 类边框更改为黑色，但我的一个符号不起作用，尽管我没有看到任何符号

javascript dom

回答 1 投票 0

如何使用纯 DOM Javascript 以编程方式触发 React 组件中的 <select> onChange？

我有一个简单的 React 组件：状态={ 价值： ''， }; 使成为（） { 返回 -- ... 我有一个简单的 React 组件： state = { value: '', }; render() { return <select onChange={this.handleChange} value={this.state.value}> <option value="">--</option> <option value="1">One</option> </select>; } handleChange = (e) => { this.setState({ value: e.target.value, }); console.log('Handling Change!!') }; 我希望能够通过普通的 javascript 或在此示例中的 jQuery 以编程方式触发事件处理程序。 $select = $('select'); $select.val('1'); // then $select.trigger('change'); // or $select.trigger('input'); 但是这些都不会触发 React 组件中的 onChange 处理程序，因此状态不会更新。我的问题：如何使用 DOM 和 Javascript 触发 onChange 处理程序？ [编辑] 为了进一步说明，我正在像这样安装 React 组件： el = document.createElement('div') ReactDOM.render(MySelect, el) $select = $(el).find('select'); $select.val('1'); // then $select.trigger('change'); // or $select.trigger('input'); 为后代回答我自己的问题。事实证明，这个问题是双重的。但首先，一些背景：反应事件 React 事件系统通过委托给根节点来监听原生 DOM 事件。 IE。它不会使用 onChange 将监听器附加到每个元素，而只是监听根文档通过 DOM 冒泡的事件。对于熟悉 jQuery 委托事件的人来说，这类似于 $(document).on('change', '.my-select', callback) jQuery 事件其次，jQuery 本身在某种程度上“覆盖”了用自己的系统冒泡的 DOM 本机事件，这就是您可以抛出自定义事件的方式。 #解决方案...# 如前所述，我有 2 个问题，因此有 2 个解决方案： ##第一## 因为 jQuery 使用自己的事件系统，事件被触发 $(select).trigger('change') 不会到达 React 的根事件监听器。所以我们去本地...... select.dispatchEvent(new Event('change', {bubbles: true})); ...但这还不够 ##第二个## DOM 事件从元素冒泡到文档根。但是请注意，我从未将我的元素附加到文档中！！change 事件冒泡到......无处可去！同样，它永远不会到达文档上注册的 React 事件侦听器。如果我像这样将我的元素添加到 DOM： el = document.createElement('div') ReactDOM.render(MySelect, el) document.body.appendChild(el) // <-- attach to DOM 现在事件到达 React 事件侦听器，我组件中的原始 onChange 处理程序被触发。我希望这可以帮助任何遇到类似事情的人。附注。我发现这个 reactjs 文件中的文档有助于理解 React 事件系统：https://github.com/facebook/react/blob/master/packages/react-dom/src/events/ReactBrowserEventEmitter.js 我有一个奇怪的用例，它也需要通过 vanilla JS 来操作 React 输入。不幸的是，调度 change 事件似乎只适用于 <select> 元素。通过 React 源代码挖掘，似乎文本字段（input/textarea）使用 input 事件。然而，无论出于何种原因，发送一个手动制作的 InputEvent 都不会触发处理程序。我的解决方法是使用 React 在输入元素上公开的私有事件/值处理程序：_valueHandler 和 __reactEventHandlers###，后者包含一个后缀，您需要自省才能为每个元素找到该后缀。您可以调用这些保存函数来操作值或直接调用 React 的onChange 事件。它们是私有的，因此可能对 React 版本更改不是很稳健，但如果您遇到 dispatchEvent 方法不起作用的问题，应该可以帮助您。

javascript reactjs dom

回答 0 投票 0

为什么 CSS 在使用毫米单位时为宽度和边距设置不同的计算样式？

将可见节点的样式宽度或 marginLeft 更改为 10px 会给出相同的计算样式：10px。然而，在几个导航器上，它给出了 1mm 的不同结果。为什么？我运行了这段代码：常量 d =

javascript css dom units-of-measurement

回答 0 投票 0

我正在尝试构建一个交互式测验项目，并尝试为提交按钮添加功能

我正在开发一个 JavaScript 项目，我想在其中向提交按钮添加功能。该按钮只有在选择了答案时才有效，并且通过单击

javascript html css dom form-submit

回答 0 投票 0

使用 PHP“简单 HTML Dom 解析器”抓取网站

我无法弄清楚如何使用 PHP Simple HTML DOM Parser 从网站中提取信息。要求（'simple_html_dom.php'）； $html = file_get_html('https://example.com'); $ret = ...