草庐IT

current_dom

全部标签

javascript - 在 JavaScript 中将数组作为一对 (current, next) 进行迭代

在问题Iteratealistaspair(current,next)inPython,OP有兴趣将Python列表迭代为一系列current,next对。我有同样的问题,但我想以最干净的方式在JavaScript中完成,也许使用lodash.用一个简单的for循环很容易做到这一点,但感觉不是很优雅。for(vari=0;iLodash几乎可以做到这一点:_.forEach(_.zip(arr,_.rest(arr)),function(tuple){varcurrentElement=tuple[0];varnextElement=tuple[1];})这个微妙的问题是在最后一次迭代

javascript - 使用 JavaScript 高效执行多个 DOM 更新

我有一个包含数百个div元素的HTML/JS网站。这些元素中的几十个应该以快速的方式(每秒最多250次)更新一次(即它们都应该一次更新,而浏览器无需通过逐个执行更新来执行不必要的工作)一)。支持现代浏览器使用纯JavaScript或简单库(不使用React或类似库要求我修改超出DOM处理)?我正在寻找这样的东西(其中imaginaryLibrary是我不知道的图书馆,我正在寻找):vari,element;for(i=0;i要更新的元素的父元素包含数千个不应更新的元素。 最佳答案 您对自己所做的事情并不是很具体,所以我们在这里可以做

javascript - JQuery 方法和 DOM 属性

我对何时可以使用DOM属性以及何时可以对Jquery对象使用Jquery方法感到困惑。比如说,我使用选择器var$elemSel=$('#myDiv').find('[id*=\'select\']')此时,$elemSel是一个jquery对象,据我所知,它是DOM元素数组的包装器。我可以通过遍历$elemSel对象/数组来获取对DOM元素的引用(正确?)我的问题:1.有没有办法将这个$elemSel转换为非JQuery常规DOM元素数组?2.我可以同时组合DOM属性和JQuery方法吗(像这样)$elemSel.children('td').nodeName(nodeName是DO

javascript - 访问在外部 SVG 文件中定义的 DOM 对象

SVG标准允许使用和引用外部SVG文件。我有一个文件circle.svg,它定义了一个id为“the_circle”的圆对象。从主SVG文件中,我可以使用SVGlinking包含这个圆圈并为其设置动画。.我也想通过javascript访问同一个circle对象,我该怎么做?xlink:href="url(#the_image)#the_circle"的javascript等价物是什么?使用document.getElementById('the_image')我只能访问SVGImageElement而不能访问包含的SVG中定义的对象。 最佳答案

javascript - 加载模板 dom 时 angular2 模板/ Hook 中的脚本标记

我很困惑,不知道如何解决我的问题...简化:我有一个基于绑定(bind)创建ulist的组件,如下所示:@Component({selector:"template",template:`{{challenge}}`})exportclassJobTemplate{jobs:Jobs;constructor(jobs:Jobs){this.jobs=jobs}}组件选择器/主机嵌入在由php回显的正常html流中,用于替换预定义的ulist。问题在于,在正常站点上,ulist之后的脚本标记用于在列表上应用一些jquery魔法。由于脚本标记在我的组件模板完成加载之前被回显,jquery调

javascript - 如何检索 DOM 元素的显示属性?

a{display:none;}aparagraphgooglevara=(document.getElementById('a')).style;alert(a.display);varp=(document.getElementById('p')).style;alert(p.display);p.display='none';alert(p.display);第一个和第二个alert只显示一个空字符串,我认为应该是none和block。然而在有意的display设置之后,第三个alert最终alertnone。但是为什么?如何正确检索display属性?谢谢。

javascript - jQuery 比较两个 DOM 对象?

点击一个元素:$('.my_list').click(function(){varselected_object=$(this);$('.my_list').each(function(){varcurrent_object=$(this);if(selected_object==current_object)alert('FOUNDIT!');});});我不知道为什么,但我没有收到“找到它!”的警告消息。 最佳答案 您可以使用jQuery.is功能:Checkthecurrentmatchedsetofelementsagain

javascript - JavaScript 和 DOM 有什么区别?

JavaScript和DOM有什么区别?DOM与Firefox相关吗?DOM只是HTML元素的源顺序吗? 最佳答案 DOM代表DocumentObjectModel并且,正如您可以从名称中猜到的那样,它以独立于平台/浏览器的方式表示HTML/XML文档的结构。DOM还提供了一个API来操作DOM,具有getElementsByTagName和createElement等函数。JavaScript是一种网络浏览器可以执行的编程语言。JavaScript可以通过DOMscripting与DOM交互.编辑以在评论中回答您的问题:例如,浏览

javascript - ReactJS - 渲染调用,但 DOM 未更新

这在我身上发生过几次。我一直设法解决这个问题,但我仍然很想了解为什么会发生这种情况,以及我错过了什么。基本上,如果我的render方法中有一个条件,它指定了我的div的类:letdivClass=this.state.renderCondition?'red':'blue';默认情况下,我将状态中的renderCondition设置为false。如果我然后在按钮上定义一个onClick处理程序(如下所示),然后单击该按钮,同时调用渲染IS,DOMNOT已更新。也就是说类没有变化。onClickCompile:function(){this.setState({renderConditi

javascript - 如何通过 id 将数组元素与指令中的 dom 类元素绑定(bind)?

我正在尝试用字符串html中的适当.grid-cell索引绑定(bind)一个page_elements数组,这样它就会显示在页面上,而不是在我的指令中.我存储给定单元格元素的索引,然后过滤它们以检索匹配的page_elements对象。但是,我无法消除ng-repeat在不止一个元素的网格中的冗余。移除的元素被替换为空对象{},但应该拼接它以将网格元素保持在正确的位置。移动的元素应该能够放入其他网格单元格中。如果索引被正确分配,那么指令应该与angular-drag-and-drop-lists一起工作。,如何解决?如何在给定的网格中仅显示一次具有匹配的page_elements的n