草庐IT

dom-selection

全部标签

javascript - DOMParser 注入(inject) DOM 但注入(inject)后不应用 css 样式表?

我有一个小测试用例:http://jsfiddle.net/9xwUx/1/代码归结为以下内容(给定一个id为“target”的节点):varstring='thisshouldbepink,butisnot';varparser=newDOMParser();vardomNode=parser.parseFromString(string,"text/xml");document.getElementById("target").appendChild(domNode.firstChild);如果您运行测试用例,然后通过firebug/chrome网络检查器检查目标节点并选择jsfi

javascript - 如何编写一个将项目附加到 DOM 并延迟下一个 Tick 的函数?

我最近在网上发现了以下问题:WriteafunctionthattakesanobjectandappendsittotheDOM,makingitsothateventsarebuffereduntilthenexttick?Explainwhythisisuseful?这是我的回复:functionappendElement(element){setTimeout(function(){document.body.appendChild(element);},0);}为什么我将间隔设置为零?根据thisarticle,将超时设置为0,将事件延迟到下一个滴答:Theexecution

javascript : how to distinguish between selected element list and form

这是脚本:http://jsbin.com/itusut/6/edit你好,我有功能:functionon(t,e,f){if(e.length){varl=e.length,n=0;for(;n如果我们这样做varhandle=document.getElementsByClassName('some-class');然后handle是一个节点列表。如果我们这样做varhandle=document.getElementById('an-id');然后handle是单节点。问题是,当我选择时它返回array而不是单个元素。所以,我的on功能失败。函数使用elm.length筛选。一切

javascript - DOM 事件总是单线程运行吗?

所以我answeredaquestion最近,OP问我是否可以在我的回答中添加以下关于DOM事件的内容:Maybeyoucouldalsoaddtoyouranswerthatnotonlytheyareexecutedfirst,butthesubsequenteventisblockeduntilthefirstonefinishes.那么,可以我添加吗?我是否知道DOM事件将一次运行一个事件,并会等待前一个事件结束,然后再开始下一个事件?我是否至少知道在浏览器JavaScript中总是如此?到目前为止,要找到一个决定性的答案出乎意料地困难,我期待着"is",但我就是找不到。澄清:

javascript - 如何获取 DOM 元素的尺寸,减去边框和填充?

如何获取的内容框大小(或任何其他元素)使用纯JavaScript?我所说的内容框不是指div内文本的大小,而是指元素的屏幕大小减去边框和填充。这是我在Chrome开发者工具中看到的。我只想要JavaScript中的蓝色部分(720x540)。我的问题offsetHeight公司是他们返回图形中黑色实心矩形的尺寸(很难看到-在边距和边框之间)。请注意width和heightCSS属性可以设置也可以不设置;无论如何我都想要尺寸。进一步注意,填充和边框可能一致也可能不一致(例如,它可能只有一个边框)。 最佳答案 element.clien

javascript - 如何仅使用 DOM 对象获取 leaflet.js 实例?

我现在正在构建自定义Knockout.js绑定(bind)来处理多边形的绘制。在这种情况下,KnockoutAPI只给我一个DOM对象的引用,以访问我需要更新的任何内容。然而,看起来leaflet.js的设计是希望用户在他们的实现中存储map实例。我没有那个选项。尝试这个给了我一个错误:varexistingMap=L.map('aMapIDGoesHere')错误是:mapalreadyinitialized。有什么方法可以使用DOM元素或元素ID来访问map实例?根据要求,这是自定义绑定(bind),请注意这是一项正在进行的工作:ko.bindingHandlers.leaflet

javascript - phantomjs 使用 src 图像在 canvas.toDataURL 上抛出 DOM 异常 18

我正在尝试使用phantomjs将svg转换为png图像:varpage=require('webpage').create();page.evaluate(function(){varsvg='';varsrc='data:image/svg+xml;base64,'+window.btoa(unescape(encodeURIComponent(svg)));varimg=newImage();img.src=src;img.onload=function(){varcanvas=document.createElement('canvas');canvas.width=img.w

javascript - 如何在插入 DOM 时重新编译指令(angularjs)

好的,所以我创建了一个指令让我们说它按照我的预期进行渲染,所以一切正常。现在,我的问题是插入DOM时如何(重新)渲染它?我不想一直在我的页面上使用它,我只想动态添加它并在需要时呈现它(它是模块的一部分),比方说,理想情况下我希望它看起来像$("body").append("")如何使用angularjs实现这一点? 最佳答案 你需要在任何你想将指令元素注入(inject)DOM的地方写下两行,不要忘记在你使用的任何地方添加$document&$compile依赖vartemplate='',body=$document.find('

javascript - 我的 DOM 中的 Google Analytics(分析)像素在哪里?

我如何使用JavaScript识别已发送GoogleAnalytics(分析)像素(或与此相关的任何像素)并包含我正在寻找的URL参数?我想,因为它是一个跟踪像素,我可以在DOM中查找它,但它看起来不像是插入过的。有人能想出一种方法来分析google使用javascript(不是chrome扩展程序)发出的网络请求吗?有点像document.whenGooglePixelIsSentDoReallyCoolStuff(function(requestUrl){}); 最佳答案 一些事情:1)跟踪信标并不总是像素。有时他们是XHR,有

javascript - 占位符上的 Select2 Font Awesome 图标

如何在Select2的占位符文本前添加FontAwesome。这是我的Select2选项代码:varplaceholder=""+"Selectaplaces";$(".select2").select2({placeholder:placeholder,width:null});这是我的HTML代码:ABC谢谢。 最佳答案 在Select2选项之间声明escapeMarkup函数,然后使用“搜索”图标代码(您可以在Font-AwesomeCheatsheet页面中找到它)作为placeholder:$(function(){var