草庐IT

dom-repeat

全部标签

javascript - 将 javascript 函数分配给 dom 元素

我正在使用MSHTML库通过MSHTML.HTMLDocument解析HTML。我的问题:有没有办法将JavaScript函数分配给DOM元素?我试过类似的东西:div.onmouseover="function(){alert('mouseover')}"和div.setattribute"onmouseover","function(){alert('mouseover')}"没有成功(没有错误,但也没有效果)。有什么想法吗? 最佳答案 始终使用函数,而不是在javascript中附加一串代码。您可以通过分配一个匿名函数来做到这

javascript - 在 javascript dom 中,属性名称是否有规则?

用于页面上使用属性名称的元数据,如table:rowNum:,例如,varrow=document.createElement('tr');row.setAttribute('tup','emp:1');row.setAttribute('emp:1:pkid','123');多年来一直使用以冒号分隔的名称(例如name='emp:1:emp_id')并取得了良好的成功,但今天开始使用以冒号分隔的属性名称特别是:varel2=row.parentNode.querySelector("[emp:1:pkid]");=>`Error:SYNTAX_ERR:DOMException12`像

javascript - 使用 each() 进行 jQuery DOM 操作;

我正在尝试使用jQuery使用each()同时对多个元素执行一些简单的DOM操作。我得到了我不明白的结果。这是一个jsFiddle,它显示了我想要发生的事情与实际发生的事情:http://jsfiddle.net/kthornbloom/4T52A/2/这是JS://StepOne:Appendoneblueboxwithineachgreybox$('.grey').append('');//StepTwo:Makeonecopyoftheredboxalreadythere,andplaceitwithinthenewbluebox.$('.grey').each(function

javascript - Shadow-Piercing 后代组合子 '/deep/' ,包括 '::shadow' 伪元素,正在被弃用,那么我们如何穿透 Shadow DOM?

假设我们有一些CSS代码,例如动画CSS加载器,我们希望在所有使用ShadowDOM的Web组件中使用它。如果我们无法像::shadow那样穿透ShadowDOM,我们如何重新使用此CSS代码?和/deep/?我们甚至无法添加在影子DOM中,所以目前我不得不通过多个复制代码标签。我真的很想知道针对此类用例建议的最佳做法是什么。谢谢。 最佳答案 而不是使用,我建议你在shadowroot中使用css@imports来在需要的地方加载外部样式表。我写了一个答案here关于这个话题。下面引用它以供引用。Youcancreateastyle

javascript - 如何从 Javascript 数组中获取两个最大的整数并将值返回给 DOM?

我编写了一个解决方案来获取通过表单输入的整数列表。有用。它为您提供两个最大整数的总和并将其发布在DOM中。但是,对于包含100万个整数的大型数组,它的效率不是很高。如何改进此解决方案以提高效率。应用程序.js//ThisfunctionreversestheorderofthearrayandplacesthebiggestnumbersfirstfunctionsortNumber(a,b){returnb-a;}//thisfunctionisusedtoensuretheuserdidn'tenteranylettersfunctiongetArray(){varalphaExp

javascript - 无法将代理对象添加到 DOM(陷阱也不会触发)

我正在尝试制作ProxyobjectImage来捕获属性,但即使处理程序为空,我也会收到错误消息。TypeError:Argument1ofNode.appendChilddoesnotimplementinterfaceNode.假设代理对象充当目标对象,所以这让我有点困惑。据我了解,您应该可以使用DOMnodes来做到这一点还有(?)。另外:设置src属性时,我无法开始加载图像并触发onload处理程序。我应该如何使用代理,以便我可以“接管”例如“src”属性,否则让它像常规图像对象一样工作?我的代码'usestrict';//---normalimageuse---varimgN

javascript - 在 React DnD drop 中获取 DOM 中的元素位置?

我正在使用ReactDnD和Redux(使用Kea)构建一个表单生成器。我的拖放部分工作得很好,我已经设法在元素掉落时分派(dispatch)一个Action,然后我使用分派(dispatch)改变的状态渲染构建器。但是,为了以正确的顺序呈现元素,我(认为我)需要保存丢弃的元素相对于它的sibling的位置,但我无法找出任何不是绝对疯狂的东西。我已经尝试过使用refs并使用唯一ID查询DOM(我知道我不应该这样做),但是这两种方法都感觉很糟糕,甚至都不起作用。这是我的应用程序结构的简化表示:@DragDropContext(HTML5Backend)@connect({/*reduxt

javascript - 可以将 HTML dom 元素拖放到 SVG dom 元素上吗?

我目前正在使用RaphaëlJS(愿意切换到jQuerySVG)和jQueryUI来尝试制作棋盘游戏的原型(prototype)。它与Risk有点相似,因为棋盘是一张map,您可以(希望很快)将棋子从map上的一个区域拖到另一个区域(比如从A到B)并将它们放在那里。一旦下降,它会触发回调来做一些工作。现在我一直在尝试获取拖放功能。我想拖动一个html元素(div)并将其放到SVG元素上。我对SVG不是很熟悉,但据我了解,要使HTML和SVGDOM一起工作,需要克服一些问题。我有两个版本,我正在尝试让jQueryUI拖/放到其中任何一个。一种是将jQuerySVG与svgdom插件+jQ

javascript - 调用同一个函数的两个 dom 事件如果同时发生,则应该只调用该函数一次

我有一个输入和一个按钮。当我从输入模糊并且输入发生变化时,应该调用price()函数。此外,当我单击按钮时,应该调用price()函数。问题在于,当用户修改输入值并单击按钮时,price()函数被调用了两次。我不希望发生这种情况。我尝试了老式的方法,在输入时将变量“inPriceFunction”设置为true,并在输入前检查它是否未设置。这没有用,因为两个事件(模糊和点击)是在同一时间执行的,if和变量集没有时间发生。我怎样才能避免这种情况?我尝试过的:testcalled=0;functionprice(){if(called==true){return;}else{called=

javascript - 如何遍历 HTML DOM?以及如何获取元素的事件、样式和属性(附示例)

编辑2(解决方案)Javascript对于“可能的”javascript方式,请参阅下面的@sabof回答:https://stackoverflow.com/a/22172009/3309243…………JQUERY事件:我很快制作了一个示例函数getEvents(),但它似乎有效:)属性:我在互联网上的某个地方找到了这个,通过使用.attr()返回所有属性另外,我刚刚发现了有关在浏览器中进行调试的知识,因此现在知道如何查看对象。可能有人想知道如何:打开您的控制台(在FireFox中至少为f12)并在控制台命令行中键入例如$("body")(一直在底部),单击返回的对象并查看控制台:P