dom 相关问题

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

模糊事件流和 DOM 更新同步

当我专注于输入然后单击删除按钮时,以下代码具有此行为: Mousedown回调函数被触发,但是输入并没有立即模糊导致ev。

回答 1 投票 0

使用 JavaScript 在单击事件时将 div 从一个页面移动到另一个页面

我有一个包含多个div的页面,每个div都有一张猫的照片以及一些文本和其他信息(用于猫收养机构页面)。每个 div 都有一个 onclick 调用 JavaScript 函数,然后转换...

回答 1 投票 0

使用Javascript将两个类设置为相同的宽度/最大宽度

我正在尝试使用javascript动态地将两个div设置为相同的最大宽度。到目前为止我已经做到了: window.onload = 函数 setWidth() { var one = document.getElementsByClassName("adsm-skin...

回答 1 投票 0

使用 tabindex=0 查找下一个/上一个元素?

有没有办法找到 tabindex="0" 的下一个/上一个(按文档顺序)元素? 我得到的最接近的是: 案例“选项卡”: 让 item = node.closest('.

回答 1 投票 0

React 元素和浏览器 DOM 元素之间的区别

浏览器 DOM 元素是我们在屏幕上看到的东西,React 元素也是如此。他们俩都可以上课。据我所知,唯一的区别是浏览器 DOM e...

回答 3 投票 0

我更改元素背景颜色的功能不起作用,但在更改文档背景颜色时工作正常?

我使用 switch 语句来确定按下哪个按钮,它们在更改文档背景颜色时都使用相同的功能,但是,当我传入实际的元素时...

回答 1 投票 0

如何使网格即使在值发生变化时也保持固定大小?

我正在创建蚀刻草图。目前,我弄清楚了如何创建网格宽度用户输入值。但是当值改变时,网格大小也会改变。 我想让网格的宽度保持不变

回答 2 投票 0

VBA 中 SOAP Web 服务请求的 HTTP 基本身份验证

我的请求未通过身份验证阶段。所以我试图找出在我的身份验证阶段或之前出了什么问题。 我知道我的密钥和密码有效,因为我能够

回答 1 投票 0

将 SVG <text> 放置在与 HTML <div> 相同的位置,其中包含文本

我试图将带有文本的 svg 放置在与带有文本的 div 完全相同的位置,无论使用的字体系列或字体大小 问题在于第一个元素在 x 和 y 中偏移

回答 1 投票 0

位置 svg <text in identical position as dom <dig with text inside

我试图将带有文本的 svg 放置在与带有文本的 div 完全相同的位置,无论使用的字体系列或字体大小如何 问题在于第一个元素在 x 和 y 中偏移

回答 1 投票 0

在井字棋游戏中切换用户

我目前正在使用 javascript html css 开发 tic tac toe 项目。 问题是我确实通过用户的输入设置了构造函数,但是 我玩游戏时无法切换用户 我的

回答 1 投票 0

如何在 window.open 中使用 noreferrer 功能并获取对子窗口的非空引用?

我想以编程方式打开一个新窗口(即通过window.open)并修改内容而不需要 让我自己很容易通过子窗口中的非空 window.opener 进行反向 tabnabbing

回答 2 投票 0

如何使用JavaScript聚焦于ChatGPT提示文本区域?

ChatGPT Web 界面有一个 ID 为“prompt-textarea”的文本区域,用户可以在其中输入提示以获得响应。通常我会将光标拖动到文本区域并单击它以

回答 1 投票 0

如何在 VBA 中使用 DOMDocument 解析 XML

我如何获取此 XML 文档中下面指示的节点的值。 如何获取此 XML 文档中下面指示的节点的值。 <s:Envelope xmlns:s="http://schemas.xmlsoap.org/soap/envelope/"> <s:Header> <h:ResponseContext xmlns:h="http://purolator.com/pws/datatypes/v2" xmlns:i="http://www.w3.org/2001/XMLSchema-instance"> <h:ResponseReference>UserRef</h:ResponseReference> </h:ResponseContext> </s:Header> <s:Body> <CreateShipmentResponse xmlns="http://purolator.com/pws/datatypes/v2" xmlns:i="http://www.w3.org/2001/XMLSchema-instance"> <ResponseInformation> <Errors/> <InformationalMessages i:nil="true"/> </ResponseInformation> <ShipmentPIN> <Value>329035959744</Value> ' <-- This is the node I want the value of </ShipmentPIN> <PiecePINs> <PIN> <Value>329035959744</Value> </PIN> <PIN> <Value>329035959751</Value> </PIN> </PiecePINs> </CreateShipmentResponse> </s:Body> </s:Envelope> 我尝试使用已回答的其他问题中的信息,但当我运行代码时它不会返回任何内容。 (Excel VBA 从 XML 获取特定节点) Set response = CreateObject("MSXML2.DOMDocument") response.SetProperty "SelectionLanguage", "XPath" response.Async = False response.validateOnParse = False response.Load(respPath) Set nodeXML = xmlDoc.getElementsByTagName("Value") For i = 0 To nodeXML.Length - 1 Debug.Print nodeXML(i).Text Next 您忘记考虑名称空间。所以添加行 response.setProperty "SelectionNamespaces", "xmlns:pur='http://purolator.com/pws/datatypes/v2'" 并将您的代码更改为 Set response = CreateObject("MSXML2.DOMDocument") response.setProperty "SelectionLanguage", "XPath" response.setProperty "SelectionNamespaces", "xmlns:pur='http://purolator.com/pws/datatypes/v2'" response.Async = False response.validateOnParse = False response.Load(respPath) Set nodeXML = response.selectNodes("//pur:ShipmentPIN/pur:Value") For i = 0 To nodeXML.Length - 1 Debug.Print nodeXML(i).Text Next

回答 1 投票 0

HTML DOM:哪些事件不会冒泡?

大多数事件在所有浏览器中都会冒泡。但是,我知道在 Internet Explorer 中“提交”事件不会冒泡。还有哪些不冒泡的事件?

回答 6 投票 0

onchange 事件是否传播?

我使用事件委托来侦听 DOM 中较低层的事件,但它不适用于选择框上的 onchange 事件。 onchange 事件是在 DOM 中传播还是冒泡? 谷歌搜索有...

回答 5 投票 0

如何选中复选框以将类添加到列表项[[[[[[[[[[[[[[

我想选中一个复选框以将类添加到列表项。此列表项将是一个待办事项列表。并且添加的类将以低不透明度设置列表项的样式,以指示该任务的完成。

回答 2 投票 0

html-to-image javascript npm 包未显示弯曲文本

将 HTML 转换为 PNG 时,它不显示弯曲文本 这是使用 Anycharts Any Charts 制作的 htmlToImage.toPng(document.getElementById('my-node')) .then(函数(dataUrl) { 陶...

回答 2 投票 0

如何使用 HTML 数据集属性删除 data-* 属性

根据数据集规范,element.dataset是如何删除数据属性的?考虑: <... 根据数据集规范,element.dataset如何删除数据属性?考虑: <p id="example" data-a="string a" data-b="string b"></p> 如果您这样做: var elem = document.querySelector('#example'); elem.dataset.a = null; elem.dataset.b = undefined; elem.dataset.c = false; elem.dataset.d = 3; elem.dataset.e = [1, 2, 3]; elem.dataset.f = {prop: 'value'}; elem.dataset.g = JSON.stringify({prop: 'value'}); Chrome 和 Firefox 中的 DOM 变成这样: <p id="example" data-a="null" data-b="undefined" data-c="false" data-d="3" data-e="1,2,3" data.f="[object Object]" data.g="{"prop":"value"}" ></p> Chrome/Firefox 实现模仿 setAttribute。基本上首先适用.toString()。除了对 null 的处理之外,这对我来说很有意义,因为我希望 null 会删除该属性。否则,数据集 API 如何执行相当于: elem.removeAttribute('data-a'); 布尔属性又如何: <p data-something> 相当于 <p data-something=""> 嗯。 “删除”不会删除数据集元素吗?例如: <div id="a1" data-foo="bar">test</div> <script> var v = document.getElementById('a1'); alert(v.dataset.foo); delete v.dataset.foo; alert(v.dataset.foo); </script> 一个相当简单直接的方法: const someElement = document.querySelector('...'); Object.keys(someElement.dataset).forEach(dataKey => { delete someElement.dataset[dataKey]; }); 根据 MDN,您需要使用删除运算符来删除数据集元素 当您想要删除某个属性时,可以使用删除运算符。 const p = document.getElementById('example') delete p.dataset.a delete p.dataset.b 这是为了删除所有 data-* 属性。您可以在 for 循环中添加条件以仅删除特定的数据属性。希望这有帮助:) var elem = document.querySelector('#example'); var dataset = elem.dataset; for (var key in dataset) { elem.removeAttribute("data-" + key.split(/(?=[A-Z])/).join("-").toLowerCase()); } <div id="DomTest" data-load="true" data-id="5468KmH" data-page="1">test</div> var DomTest = document.getElementById("DomTest"); Object.keys(DomTest.dataset).forEach(key => { delete DomTest.dataset[key]; }) <div data-id="test">test</div> $(document).ready(function(){ $("div").removeAttr("data-id"); // removing the data attributes. console.log($("div").data("id")); // displays in the console. });

回答 6 投票 0

JavaScript 以编程方式监听输入值变化

我正在尝试找出通过 JavaScript 更改输入值的位置 我的输入看起来像: 我正在尝试找出通过 JavaScript 更改输入值的位置 我的输入如下: <input type="text" size="1" name="MyDatePicker" role="combobox" autocomplete="off" > 我在浏览器的控制台中输入了以下内容: function handleChange(event) {debugger;} document.getElementsByName('MyDatePicker')[0].addEventListener('change', handleChange) document.getElementsByName('MyDatePicker')[0].addEventListener('input', handleChange) 但我没有使用 handleChange 功能。 有没有办法在以编程方式而不是通过 UI 更改输入值时触发事件? 您可以添加全局输入处理程序并过滤输入名称。 现在,您可以调度一个冒泡的输入事件。 // Add a global listener document.addEventListener('input', function(event) { // Filter on the name if (event.target.name === 'MyDatePicker') { handleChange(event); // Forward the event } }); // Handle as if we attached this to input[name="MyDatePicker"] function handleChange(event) { console.log('Current value:', event.target.value); } // Fire the change event (bubble up to the global handler) const element = document.querySelector('input[name="MyDatePicker"]'); setInputValue(element, 'F'); // Set the input element's value and fire the change event function setInputValue(inputElement, value, bubbles=true) { inputElement.value = value; inputElement.dispatchEvent(new CustomEvent('input', { bubbles })); } <input type="text" name="MyDatePicker" role="combobox" size="1" autocomplete="off">

回答 1 投票 0

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