草庐IT

查找HTML元素

全部标签

javascript - 通过 parentNode.removeChild 删除元素会抛出 DOM Exception 8

我的代码大致如下(我删除了一些不相关的部分):Library.focus=function(event){varelement,paragraph;element=event.srcElement;paragraph=document.createElement("p");paragraph.innerText=element.innerText;element.parentNode.insertBefore(paragraph,element);//Line#1element.parentNode.removeChild(element);//Line#2};我遇到的问题是,我编号为

javascript - 在滚动时查找位于可见屏幕(视口(viewport))中间的元素

我需要知道是否有一种方法可以确定div是否位于屏幕中央。HTML:texttext.....text考虑到页面是可滚动的,有没有办法确定div何时位于可见屏幕的中心?所以基本上,当用户向下滚动页面时,应该选择可见屏幕中间的div。谢谢 最佳答案 DEMOPAGEvarfindMiddleElement=(function(docElm){varviewportHeight=docElm.clientHeight,//herei'musingpre-cachedDIVelements,butyoucanuseanythingyouwa

javascript - 使用 querySelectorAll 选择多个元素

我有这段代码:varrequiredFields=el.querySelectorAll("input[required]:not(:disabled):not([readonly]):not([type=hidden])");如果我想将textarea和select添加到查询中,我会这样结束:varrequiredFields=el.querySelectorAll("input[required]:not(:disabled):not([readonly]):not([type=hidden])"+",select[required]:not(:disabled):not([rea

javascript - 如何在不刷新的情况下在 Rails 4 中提交表单和更新页面元素

我在尝试做一些我认为相当简单的事情时遇到了很多麻烦。我有一个项目列表,比方说,待办事项。在该列表的底部,我有一个文本字段,我可以在其中向该列表添加新项目。我想这样做,以便将新项目动态添加到该列表的底部,而无需刷新整个页面,就像在聊天窗口中一样。我制作了提交表单remote:true并在没有重新加载页面的情况下成功提交,但我无法让新项目同时出现在列表底部。我必须刷新页面才能看到更改。我尝试了在SO(这里不乏类似问题)和网络上找到的几种不同方法,甚至尝试了一个名为Sync的gem,但它们中的每一个都有自己的错误和问题,我无法得到任何正常工作。他们每个人都可以是自己的SO问题。所以我问:是否

JavaScript:在多个元素上添加/删除单个类

如何在多个类选择元素上添加/删除单个类。在我的设置中,我缓存了一些变量,每个变量都没有填充:varclassOne=document.querySelector(".class1");varclassTwo=document.querySelector(".class2");varclassThree=document.querySelector(".class3");varclassFour=document.querySelector(".class4");但我也在尝试做这样的事情:varallClasses=[classOne,classTwo,classThree,classF

javascript - 使用javascript连接html对象数组

我正在尝试合并两个由html对象组成的数组。出于某种原因,使用.concat()对我不起作用。这里有一个简单的笔来演示这个问题:http://codepen.io/anon/pen/kIeyB注意:我尝试搜索一些类似的东西,但没有找到任何可以回答我问题的东西。我认为您可以使用for循环以最时尚的方式做到这一点,但我不想重新发明轮子。varx=document.getElementById("hello");varitems=x.getElementsByClassName("one");//alert(items.length);varitems2=x.getElementsByCla

javascript - 在javascript中使用reduce函数查找数组的最小和最大数量

纯属好奇。使用reduce函数,我们可以很容易地分别找到数组中的最小和最大数。就这样:vara=[1,2,3,4,5,1,-1,6,7,8,9,10,2,11];a.reduce(function(prev,cur,index,array){returnprev>cur?prev:cur;});//returns11a.reduce(function(prev,cur,index,array){returnprev鉴于此,为什么这不起作用?vara=[1,2,3,4,5,1,-1,6,7,8,9,10,2,11];varsmallest=0;varbiggest=0;a.reduce(

javascript - 如何在 Protractor 中先执行一个元素然后再执行另一个元素

以下代码随机运行,有时运行良好,有时会抛出这样的错误StaleElementReferenceException我想要的是首先执行下面的这个element(by.id('FiltItemTransDocNo')).sendKeys(grno);在上面之后我希望它在下面执行element.all(by.name('chkGrd')).first().click();我试过这种方法,但似乎没有用element(by.id('FiltItemTransDocNo')).sendKeys(grno).then(function(el){element.all(by.name('chkGrd')

javascript - Rails3 使用 text/html 内容类型而不是 text/javascript 呈现 js.erb 模板

我正在使用3.0.0.beta3构建一个新应用。我只是尝试将js.erb模板呈现给Ajax请求以执行以下操作(在publications_controller.rb中):defget_pubmed_dataentry=Bio::PubMed.query(params[:pmid])#searchesPubMedandgetentry@publication=Bio::MEDLINE.new(entry)#createsBio::MEDLINEobjectfromentrytextflash[:warning]="Nopublicationfound."if@publication.ti

javascript - 如何获取没有 X/Y 属性的 SVG 元素(路径等)的 x/y 坐标?

我正在尝试使用Javascript获取SVG元素的位置。我设法获得了具有X/Y属性集的元素的位置。但是诸如路径之类的元素没有此属性。至少在我的文档中没有。除了取“路径”中的第一个数字之外,还有其他方法可以计算位置吗?谢谢,莫腾 最佳答案 您可以使用函数getBBox()获取路径的边界框。这将为您提供可能包含渲染路径的最紧凑矩形的位置和大小。与读取x和y值相比,使用此方法的一个优点是它适用于所有图形对象。没有x和y的对象多于路径,例如有cx和cy的圆。链接:getBBox()在SVGv1.1标准中。