草庐IT

NT-DOM-NV

全部标签

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

javascript - 获取页面矩形区域内的 DOM 元素

给定网页上的两个点和一组DOM元素,如何找出位于由这两个点定义的矩形区域内的那些DOM元素的子集?我正在开发一个基于网络的画廊,其中每张照片都包含在li标签中。当用户用鼠标拖出一个矩形区域时,矩形内的所有li元素都被标记为选中。更喜欢jQuery解决方案,因为它是一种简洁高效的方式。 最佳答案 尝试这样的事情://x1,y1wouldbemousecoordinatesonmousedown//x2,y2wouldbemousecoordinatesonmouseup//allcoordinatesareconsideredrela

javascript - 为什么 DOM 读/写操作的微小重新排序会导致巨大的性能差异

下面的代码说明了这个问题,改变读/写的顺序会导致执行时间有很大的不同(使用Chrome、Firefox和IE测试)://read->write->read->write...functionclearSlow(divs){Array.prototype.forEach.call(divs,function(div){contents.push(div.clientWidth);div.style.width="10px";});}//read->read->...->write->write...functionclearFast(divs){Array.prototype.forEa