草庐IT

dom-traversal

全部标签

javascript - jQuery on() 不适用于已添加的 DOM 项

我有这个:$(document).on("click",".prev",function(){$(this).closest("div").find(".slider").animate({"left":"+=450px"},800,"easeInOutBack");returnfalse;});这在新元素添加到DOM时有效,但不适用于DOM中已有的元素。当我这样做时:$(".prev").on("click",function(){$(this).closest("div").find(".slider").animate({"left":"+=450px"},800,"easeIn

javascript - AngularJS 指令的 link() 函数中的 DOM 元素未准备好

我正在创建一个AngularJS指令,它应该有一个C3.js基于它的图表。问题是C3库看不到它应该附加到的DOM元素。该指令的link函数如下所示:link:function(scope,element,attrs){scope.someid='id';scope.chart=c3.generate({bindto:"#somechart"+scope.someid,data:{columns:[['data1',30,200,100,400,150,250],['data2',50,20,10,40,15,25]]}});console.log($("#somechart"+scop

javascript - 将 host 属性添加到生成的 DOM 元素

我正在尝试集成d3和angular2alpha.37(从here开始)。我目前遇到的问题是生成的DOM元素没有获得在模拟样式View封装中使用的属性,因此如果不将元素的View封装设置为None(或native,但我无法设置它们的样式宁愿使用模拟)。我设法以编程方式从组件[1]内的元素中提取所需的属性,然后将其添加到生成的元素中[2],这确实有效,但这显然是令人难以置信的hacky:import{Component,View,Attribute,ElementRef,LifecycleEvent}from'angular2/angular2';importd3from'd3';@Com

javascript - 检测在 javascript 中删除的 DOM 项目

我正在编写一个带有ID的插件。它向该id添加一些代码并启动一些事件。我发现的问题是,如果容器后来被覆盖,我找不到关闭事件的方法,这样它们就不会继续运行。下面是一个演示脚本来展示我已经尝试过的内容。我似乎无法找到检测test2不存在并清除间隔的方法。$(function(){ /***********************************Simpleexampleofsomethingthatcouldbedone*beingtoldtoworkonidtest2**********************************/ vara=0;$("#test2

javascript - 使用 Javascript 将 HTML 字符串加载到 DOM 树中

我目前正在使用一个自动化框架,该框架可以拉下网页进行分析,然后将其呈现为字符串进行处理。RhinoJavascript引擎可用于协助解析返回的网页。看来,如果可以将字符串(这是一个完整的网页)加载到DOM表示中,它将为解析和分析内容提供一个非常好的界面。仅使用Javascript,这是一个可能和/或可行的概念吗?编辑:我将分解问题以澄清:假设我在javascript中有一个字符串,其中包含这样的html:var$mywebpage='';以某种方式将其加载到dom对象中是否可能/现实? 最佳答案 我接受JonDavidJohn的回答

javascript - DOM 中反射(reflect)的同名表单元素

如果您在一个表单中有多个具有相同name的表单元素,则表单上elements集合中的条目最终将成为这些字段的集合(很方便)。DOM2HTML规范coverstheelementscollection但当有多个同名字段时似乎不会立即指定此行为。该行为是否包含在标准中(在DOM2HTML规范或其他规范中的其他地方)?为清楚起见,我并不是在询问访问这些字段的最佳方式是什么。我想问的是,它们最终出现在elements集合的集合(各种类型)中这一事实是否包含在标准中,如果是,是哪一个。示例(livecopy):HTML:JavaScript:varform=document.getElement

javascript - 设计在 DOM 中表示 UI 对象的 JavaScript 类的最佳实践是什么?

我非常熟悉JavaScript和OOP,但对设计用于UI(HTML)编程的JS类非常不熟悉。我四处搜索了一下,但没有发现任何普遍的模式。假设我想动态创建类似面板的对象(类似于MicrosoftWindows面板)。每个对象都需要一个容器、一个可以包含文本标签的标题区域和一个具有单击事件处理程序的关闭按钮。除了DOM表示(HTML)之外,该对象还将具有JavaScript对象表示(变量和方法)。这是我尝试过的一种方法:////Windowclass//varWindow=function(params){this.testMethod=function(){console.log('te

javascript - 在 DOM 中添加/删除多个元素的最快方法

编辑:它不是“最快的DOM插入”的副本,因为它也包含事件监听器变量。无论如何,我会编辑问题。如果有人已经发现,我会知道一些事情。我想知道在javascript中添加元素的最快方法是什么,并且兼容ie6+、chrome10+、firefox2+。最快的技术:添加单个元素添加100个元素添加1个元素或1000个元素的任意时间曲线与上面相同,但用于删除元素添加/更改/删除内联样式属性添加事件监听器,例如mousedown/mouseup/mouseover添加/删除某些标签是否比其他标签更快?例如:添加/删除会更快或?(在添加模式下:我认为更快,因为它只有1个字母而不是3个字母,也许是因为d

javascript - 具有 ID 属性的动态 DOM 对象的 IE9 内存泄漏

我注意到为动态创建的DOM对象分配ID属性值会导致IE9泄漏内存。有没有其他人经历过这种情况,更重要的是,知道任何解决方法?它在其他浏览器中不会泄漏,即使是IE6也能通过!泄露代码演示:它只是连续地从表中添加和删除行,并为每一行分配一个ID以供稍后查找。没有“row.id=eid;”就不会发生泄漏functionaddRow(tbl,index){varrow=tbl.insertRow(index);vareid="loongrowid"+count;row.id=eid;for(vari=0;i';for(vari=1;iTESTINGselecteddatetimeplacede

javascript - 从 html dom 创建可打印的 PDF

我有一个网页,其中有相当数量的内容是动态构建的(jqueryajax等),并且需要呈现它的可打印版本。我遇到了有关html/打印的所有常见问题,我可能(给定时间)解决这些问题,但这让我开始思考-是否有一种方法可以获取DOM并使用javascript从中生成PDF。这可能是一个有点愚蠢的问题-听起来有点棘手,我也不太确定即使我可以使用javascript构建一个PDF文件,我将如何将它呈现给用户。人们怎么看? 最佳答案 vardoc=newjsPDF();doc.text(20,20,'Helloworld!');doc.text(2