dom 相关问题

我如何获取此 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

vba xml dom soap

回答 1 投票 0

HTML DOM：哪些事件不会冒泡？

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

javascript html dom dom-events event-bubbling

回答 6 投票 0

onchange 事件是否传播？

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

javascript html dom

回答 5 投票 0

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

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

javascript dom

回答 2 投票 0

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

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

javascript html dom png anychart

回答 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. });

javascript dom custom-data-attribute

回答 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">

javascript html dom dom-events

回答 1 投票 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); } <input type="text" name="MyDatePicker" role="combobox" size="1" autocomplete="off">

javascript html dom dom-events

回答 1 投票 0

将 JavaScript 中的 CSS 自定义属性/变量设置为 String 类型

考虑以下场景： document.body.style.setProperty("--text", "world") 正文::之前{ --文本：“你好”；内容：var(--text, "..."); } 正文::之后{ 内容： var(--text, "..."...

javascript css dom css-variables

回答 3 投票 0

如何将两个数组值和冒号组合成一个段落？

https://github.com/branebilan/BasketLigaDicmo2/blob/main/BasketJS.js 代码行号 85。我正在自动化当地篮球联赛网站的球队和个人统计数据，并且我正在努力...

javascript arrays dom curly-braces quotation-marks

回答 1 投票 0

使用 PHP 和简单 HTML DOM 解析 HTML 时遇到问题

我正在尝试使用 simple_html_dom.php 解析 HTML。我试图解析的 HTML 如下所示。我可以成功获取每个产品名称：产品 1、产品 2、产品 3 等...

php html parsing web-scraping dom

回答 3 投票 0

Javascript：从下往上遍历给定的元素树处理元素

这难倒了我。我有一个说法，它包含一个元素树、子元素、子元素、子元素等等。我想从下到上处理所有这些元素。那就是这把我难住了。我有一个 <div> 说法，它包含一个元素树、子元素、子元素、子元素等等。我想从下到上处理所有这些元素。除非它的所有子元素都已被处理，否则永远不会处理给定的元素。显然，<div>下面有任意数量的叶子，我们需要从每个叶子向上走，但永远不要经过具有未处理的子节点的节点。我想知道在我付出太多之前这是否是一个解决问题的方法。我的直觉是，在形式上，算法是分成几个部分的：枚举所有叶子（树中的死端元素）沿着每个分支走到第一个路口枚举已处理所有子项的所有结点沿着树枝走到下一个路口等等等等我可以感觉到那里的一种模式，它随时枚举已完全处理的节点（没有未处理的子节点），逐一向上走到下一个节点，然后再次枚举直到到达顶部。建议采用递归方法，直到未处理节点的枚举长度为零。听起来很可行，但对枚举没有未处理子节点的节点的最有效方法有点困惑。正如我所说，如果问题得到解决并且有一个使用本机 Javascript 的标准解决方案，我会热衷于利用它。嗯，您可以使用简单的递归方法，仅在将 lambda func 应用于元素 e 的所有子元素之后才应用它。该解决方案清楚地处理其子元素之后的元素。 traverse(document.body, (e) => console.log(e)) function traverse(e, func) { Array.from(e.children).forEach(child => { traverse(child, func) }); func(e) } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>Example</h1> <button>Some button</button> <pre> <code><span>inner span</span> some code</code> <span>span</span> </pre> <script type="module" src="js/dom-traverse.js"></script> </body> </html>

javascript dom

回答 1 投票 0

如何替换 div 元素内的文本？

我需要动态设置 DIV 元素内的文本。最好的、浏览器安全的方法是什么？我有prototypejs 和scriptaculous 可用。我需要动态设置 DIV 元素内的文本。最好的、浏览器安全的方法是什么？我有prototypejs和scriptaculous可用。 <div id="panel"> <div id="field_name">TEXT GOES HERE</div> </div> 该函数如下所示： function showPanel(fieldName) { var fieldNameElement = document.getElementById('field_name'); //Make replacement here } 您可以简单地使用： fieldNameElement.innerHTML = "My new text!"; 为 2013 年及以后阅读本文的所有人更新：这个答案有很多搜索引擎优化，但所有答案都严重过时，并且依赖于库来完成所有当前浏览器开箱即用的事情。要替换 div 元素内的文本，请使用 .textContent()，所有当前浏览器都提供了标准方法。 fieldNameElement.textContent = "New text"; function showPanel(fieldName) { var fieldNameElement = document.getElementById("field_name"); while(fieldNameElement.childNodes.length >= 1) { fieldNameElement.removeChild(fieldNameElement.firstChild); } fieldNameElement.appendChild(fieldNameElement.ownerDocument.createTextNode(fieldName)); } 这样做的好处：它只使用DOM，因此该技术可以移植到其他语言，并且不依赖于非标准的innerHTML fieldName 可能包含 HTML，这可能是试图进行 XSS 攻击。如果我们知道它只是文本，我们应该创建一个文本节点，而不是让浏览器将其解析为 HTML 如果我要使用 javascript 库，我会使用 jQuery，并执行以下操作： $("div#field_name").text(fieldName); 请注意，@AnthonyWJones 的评论是正确的：“field_name”不是一个特别具有描述性的 ID 或变量名称。我会使用 Prototype 的 update 方法，它支持纯文本、HTML 片段或任何定义 toString 方法的 JavaScript 对象。 $("field_name").update("New text"); Element.更新文档 $('field_name').innerHTML = 'Your text.'; Prototype 的一个漂亮功能是 $('field_name') 与 document.getElementById('field_name') 做同样的事情。用它！ :-) John Topley 使用 Prototype 的 update 函数的回答是另一个很好的解决方案。快速的答案是使用innerHTML（或原型的更新方法，几乎是一样的）。 innerHTML 的问题是您需要转义所分配的内容。根据您的目标，您需要使用其他代码来完成此操作，或者在 IE 中：- document.getElementById("field_name").innerText = newText; FF：- document.getElementById("field_name").textContent = newText; （实际上FF的代码中有以下内容） HTMLElement.prototype.__defineGetter__("innerText", function () { return this.textContent; }) HTMLElement.prototype.__defineSetter__("innerText", function (inputText) { this.textContent = inputText; }) 现在，如果您需要尽可能广泛的浏览器支持，那么我可以使用innerText，那么这不是一个完整的解决方案，但在原始中使用innerHTML也不是。如果您确实希望我们从您上次停下的地方继续，您可以这样做： if (fieldNameElement) fieldNameElement.innerHTML = 'some HTML'; nodeValue 也是您可以使用的标准 DOM 属性： function showPanel(fieldName) { var fieldNameElement = document.getElementById(field_name); if(fieldNameElement.firstChild) fieldNameElement.firstChild.nodeValue = "New Text"; } el.innerHTML=''; el.appendChild(document.createTextNode("yo")); 如果您倾向于在网站上开始使用大量 JavaScript，那么 jQuery 可以让 DOM 的使用变得极其简单。 http://docs.jquery.com/Manipulation 使其变得简单： $("#field-name").text("一些新文本。"); 如果无法假设结构，请使用innerText - 使用 Text#data 更新现有文本性能测试 function showPanel(fieldName) { var fieldNameElement = document.getElementById(field_name); fieldNameElement.removeChild(fieldNameElement.firstChild); var newText = document.createTextNode("New Text"); fieldNameElement.appendChild(newText); } 这是一个简单的 jQuery 方法： var el = $('#yourid .yourclass'); el.html(el.html().replace(/Old Text/ig, "New Text"));

javascript html dom

回答 13 投票 0

dom 相关问题

最新问题