草庐IT

NT-DOM-NV

全部标签

javascript - 什么是 "out of DOM"元素?

我对DOM节点有点困惑,主要是术语。以前我认为DOM就是我在检查器中看到的,仅此而已。现在我知道诸如document.createElement()之类的函数可以创建DOM节点,这些节点将我的文档作为“上下文”,但不将文档作为“父”。document.createElement()是否创建“DOM节点之外”?这个词不是用词不当吗?根据我的理解,“节点”是“DOM节点”或“HTML元素”的同义词。当节点是DOM中的东西时,将某物称为“DOM节点之外的节点”是不是不好命名?这个词似乎自相矛盾。为了增加更多的困惑,还有一些新概念,如保留路径、分离的DOM节点、悬挂的DOM节点、影子DOM、文

javascript - 使用 Localstorage 将 javascript 变量从一个 html 页面存储和检索到另一个 (DOM)

我有一个html页面1.html,我想获取一些文本内容并将其存储到js.js文件中,使用jquery通过id获取文本.此代码仅在1.html页面中有效,我要从中复制的文本是,但在2中不是.html文件。这是我的代码。请注意,如果我将文本存储在localstoragesetter第二个参数中,它会起作用。$(document).ready(function(){varc1Title=$('#r1c1Title').text();//changingc1TitletoanyStringcontentlike"test"willworklocalStorage.setItem("t1",c1

html - 唯一标识 DOM 节点的最佳方法是什么?

有什么方法可以唯一标识HTML文档中的所有DOM节点。为了说明我的意思,这里有一个(虚构的)例子:脚本X从document.html中随机选择一个DOM节点。脚本X需要告诉脚本Y它选择了哪个DOM节点。脚本X如何唯一标识它选择的DOM节点,以便脚本Y准确知道它在document.html中的哪个节点?我对如何唯一标识DOM节点以便脚本Y可以识别它并对其进行操作非常感兴趣。最好,它也应该与文本节点一起使用。我可能在考虑XPath,但我不确定如何为任何给定节点生成唯一XPath。 最佳答案 您应该能够通过从节点向后工作到根节点并跟踪您所

javascript - 如何在不附加到 DOM 的情况下正确删除 html5 音频?

使用Javascript,我有一个使用createElement("audio")创建音频元素的函数,并开始循环播放而不使用appendChild(),我的意思是无需将其附加到DOM。创建的元素保存在一个变量中,我们称它为music1:music=document.createElement("audio");music.addEventListener("loadeddata",function(){music.play();});music.setAttribute("src",music_Source);我想做的是改变播放的音乐,如果可能的话使用相同的函数,并将元素存储在相同的变

javascript - 有没有办法获取 DOM 元素的边界框(以像素为单位)?

有没有办法用Javascript获取DOM元素的边界框坐标?显然我可以根据各种CSS属性计算它:width、height等等。我问是因为有许多其他图形平台提供这种方法。例如,显然它可以按照thispost在XUL中完成。,它描述了一个方法getBoundingClientRect()。(我的目标是检查两个元素是否重叠。) 最佳答案 其实,有一个内置的方法来获取边界矩形:Element.getBoundingClientRect该方法返回一个对象,其中包含元素的(视觉)顶部、右侧、底部和左侧坐标及其宽度和高度。Example(JSFi

html - 在 DOM 中存储 JSON 的最佳实践

我想使用HTML模板呈现一些json数据。我还没有开始实现任何东西,但我希望能够将json中的数据值“设置”到包含一条记录模板的html元素,或者使用一些参数呈现一些项目集合每个项目的模板html,而且还能够以与用于呈现项目的源JSON相同的格式获取JSON对象(我希望我的初始JSON包含有关记录行行为的更多信息,而无需制作ajax请求检查用户是否可以或不能对该记录执行某些操作,并且并非所有这些信息都在模板中可见)。我知道我可以为要存储的对象的每个属性创建一个带有输入元素的隐藏表单,以及与JSON之间的映射器函数,但这对我来说听起来有点矫枉过正,我不喜欢那样,我想要一些更轻的“信封”。

javascript - jQuery remove 函数真的会删除 Dom 元素吗?

我真的很想知道jQueryremove函数真正从DOM中删除元素。首先,我看了here但答案并不令人信服。当我注意到我仍然能够操作调用了删除函数的元素时,我遇到了这个问题。我的代码:Thisisadivvardiv=$('#div');$('#div').remove();$('#container').append(div);注意:我的问题不是如何解决这个问题?,而是我想了解这里发生了什么!实际上,此代码不会从dom中删除#div,但如果我将任何data设置为#div,它将丢失。我现在对remove函数的行为感到很困惑。谁能解释一下?DEMO我确信div变量不仅仅是dom元素的克隆,

javascript - 根据 DOM 中的位置对包含 DOM 元素的数组进行排序

上下文我已经构建了一个jQuery插件,我目前正在以一种将DOM元素存储在数组中的方式工作,主要是为了能够在这些元素旁边存储更多信息,而不必使用not-so-快速data()。那个数组看起来像:[{element:DOMElement3,additionalData1:…,additionalData2:…},{element:DOMElement1,additionalData1:…,additionalData2:…},{element:DOMElement2,additionalData1:…,additionalData2:…},]此插件的工作方式阻止我以可预测的顺序将这些元素

javascript - 无法将 DOM 元素附加到 DIV 节点 : Uncaught HierarchyRequestError: Failed to execute 'appendChild' on 'Node'

我使用DOM解析器解析了一个字符串,然后尝试将对象附加到容器中,如下所示:varnewCategory=""+""+""+" "+""+""+""+""+""+""+"";//gettheobjecttoappendtovarstack=document.getElementById('newCategories');varparser=newDOMParser();varnewNode=parser.parseFromString(newCategory,"text/xml");stack.appendChild(newNode);但是我得到以下错误:UncaughtHie

javascript - 如何创建 DOM 构造函数的实例?

当我尝试创建DOM的HTMLElement实例时,varoElement=newHTMLElement();它抛出:TypeError:Illegalconstructor为什么我们不能实例化DOM的构造函数?有办法吗?谢谢 最佳答案 Object.create(HTMLElement.prototype,{}) 关于javascript-如何创建DOM构造函数的实例?,我们在StackOverflow上找到一个类似的问题: https://stackover