草庐IT

查找HTML元素

全部标签

javascript - 我将如何移动带有元素的 SVG 图案

这个问题在这里已经有了答案:HowtomakeSVGimagepatternfillmovewithobject?(4个答案)关闭1年前。我创建了这里看到的svg模式:然后在我的脚本中我创建了一个使用该模式的椭圆。问题是,当我四处移动椭圆时,图案仍然留在它后面,而不是随着椭圆移动。如何配置图案以与元素保持一致?

javascript - body 元素的左侧和顶部偏移量为 :auto

我正在尝试通过使用margin:autoCSS属性获取一个网站的鼠标相对于body(即body=坐标原点)的位置,该网站的body元素大小固定并居中。由于event.clientX和event.clientY属性为我提供了从页面开头开始的偏移量,而不是从body元素开始的偏移量,因此我尝试将其减去body偏移量。为此,我尝试使用document.body.offsetLeft和document.body.offsetTop,但到目前为止运气不好,该值未定义。另外,因为我没有定义它,所以我不能使用document.body.style.left或document.body.style.t

javascript - 如果将前端代码分组有助于减少请求,为什么不将更多网站写在一个 html 文档上?

我想我想问的是,如果将JavaScript分组被认为是一种好的做法,为什么没有更多的网站将JavaScript和CSS直接放入一个HTML文档中? 最佳答案 whydon'tmorewebsitesplacetheJavaScriptandCSSdirectlyintooneHTMLdocument单个文件缓存。外部文件具有被缓存的优势。由于脚本和样式很少更改(静态)和/或在页面之间共享,因此最好将它们与页面分开,使页面更轻便。与其下载500kb的嵌入JS和CSS的页面数据,为什么不加载5kb的页面,并从缓存中加载495kb的JS和

javascript - 遍历 coffeescript : $(@). 快捷方式中的 jQuery DOM 元素

我的coffeescript中有很多循环遍历DOM元素的集合,并执行更多的jQuery。这些函数看起来像这样:$('.iterable.object').each->$(@).doThis$(@).doThat##Morecomplicatedusage$(@).jqueryPluginCallx:$(@).data('attr1')x:$(@).data('attr2')##Morecomplicatedusage$(@).children('ul.animateable').each->if$(@).data('animation')is"fancy"$(@).animatefan

javascript - 使用 Javascript D3 库,如何在 mousemove 事件中确定鼠标在区域元素数据集中的位置?

我正在尝试为我创建的区域路径设置工具提示。我检查了传递给onmousemove事件处理程序的所有参数,我只是得到了完整的数据集0、0。据我所知,没有任何数据表明我在数据中的索引。“这个”上下文也是svg路径元素。还是没什么用。即使查看了d3.select(this),我也无法在任何地方找到索引。有什么方法可以确定我的鼠标在哪个数据点上吗?环顾四周,我发现了对d3.mouse(this)的引用,它为我提供了x/y坐标,但我如何将其映射回数据集中的数据点?我的目标是有一个工具提示来显示与集合中特定数据点相关的一些元数据。这里是一些请求的代码片段:vararea=d3.svg.area().

javascript - 如何使用 jquery 获取 html 5 多文件上传变量的值?

即使我使用下面的html选择了多个文件。我只得到第一个选择文件的值。我正在使用一个简单的:varfilelist=$("#multiplefiles").val()||[];$.each(filelist,function(i,myfile){console.log('foundfile'+i+'='+myfile);});请告知我如何获取所有文件的列表...例如在输入字段中选择的字符串是:C:\Users\Public\Pictures\SamplePictures\Hydrangeas.jpg,C:\Users\Public\Pictures\SamplePictures\Chry

javascript - d3.js 使用极坐标绘制元素

我是d3.js的新手,不确定要使用哪个d3功能。我需要围绕原点(在一个圆圈中)同心放置一组元素。svg.selectAll('circle').each(function(){d3.select(this).attr('cx',r*Math.cos(theta)).attr('cy',r*Math.sin(theta));theta+=thetaInc;});所以与其像上面的代码那样做一些乏味的事情,d3的简短方法是什么? 最佳答案 执行此操作的d3方法是传入数据并根据数据的索引计算位置,即类似于vartheta=2*Math.PI

javascript - 使用 d3.max 在 CSV 列中查找最大值

在D3.js中使用data().enter().append()后,只需使用d.valuename即可检索数据集中的各个列/值。但我想在线性刻度的CSV列中找到最大值。由于比例之前没有任何数据调用,我真的不确定如何指定从中找到最大值的正确列。这是我失败的尝试。我应该用什么替换d.column1?d3.csv("file.csv",function(data){varx=d3.scale.linear().domain([0,d3.max(d.column1)]).range([0,960]);编辑:好的,我通过查看asimilarexample了解了更多信息.我不明白为什么我的代码现在

javascript - 如何通过for循环中的append将多个元素插入到一个元素中?

我很困惑为什么当我尝试在for循环中append多个元素时只插入最后一个元素。我创建了一个JsFiddle展示我无法让它工作。我希望插入100个anchor标记,但只插入了最后一个元素。为了后面的缘故,这里是相关的JavaScript,TODO标记了相关部分:Math.randomNumber=function(max){returnMath.round(Math.random()*max%max);}varDoor={$el:$('',{class:'doorselectable'}),number:null,isSelected:false,containsZonk:true,bi

javascript - 获取元素属性的最佳方法是什么?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。我和大多数新手Web开发人员一样,在大多数情况下都使用jQuery,但更多时候我开始使用cleanjs。所以从这里开始我的问题是:在jQuery范围内使用干净的js是上帝的做法吗,例如,如果我需要获取元素类,我可以这样做:jQuery('div#grida').click(function(event){event.preventDefault();con