草庐IT

移除元素

全部标签

javascript - 为什么追加到尚未在 DOM 中的元素比使用 javascript 片段更快?

考虑将li附加到ul的这三个版本:原始版本(慢20%):varul=document.getElementById('targetUl');for(vari=0;i使用JavaScript片段(慢4%):varul=document.getElementById('targetUl'),fragment=document.createDocumentFragment();for(vari=0;i追加到尚未在DOM中的元素(快1.26%):varul=document.createElement('ul'),div=document.getElementById('targetDiv')

javascript - 如何在 React 类渲染方法中为元素提供动态类名

我有一个名为Alert的ReactClass。它的render方法根据创建元素时传递的类型返回一个类为alertalert-success或alertalert-error的div。我只想知道如何根据警报元素的类型添加类。这是我的尝试:varAlert=ReactClass({render:function(){return{this.props.message}}});varsuccessAlert=React.createElement(Alert,{type:'alert-success'message:'Informationsavedsuccessfully!!'});编译J

javascript - 检查当前事件元素是否是任何类型的输入

我正在尝试检测当前事件元素是否是任何类型的输入字段。目前我有这个:varactiveElement=document.activeElementif(activeElement&&(activeElement.tagName.toLowerCase()==='input'||activeElement.tagName.toLowerCase()==='textarea'||activeElement.tagName.toLowerCase()==='select'||activeElement.tagName.toLowerCase()==='button')){returnfalse

javascript - 选择器仅在检查/选择元素后工作

我这里有这段代码:$(document).ready(function(){debugger;$("div[id^='stage_']").click(function(e){alert('Hello');});});我无法解释的奇怪事情是,当我在到达调试器语句时在控制台中执行选择器时,它返回一个空数组,[]但是当我走出去进入页面时,然后在Chrome中按Ctrl-Shift-C开始检查并单击一些具有我要查找的ID的div,然后在控制台中再次执行选择器,现在我有了我期待的元素。我什至在这里尝试过这个来验证它是否是异步的。加载问题(这是一个我无法控制的系统)。但是,当到达调试器时,选择器

javascript - 如何使用 bobril 框架移动 SVG 元素

我想在bobril中用鼠标移动一个SVG元素(圆)。我应该使用哪种生命周期组件方法?我尝试使用onPointerDown等方法,但是这些方法只处理圆圈内的事件。我应该使用拖放还是有其他选项可以围绕整个SVG移动圆圈? 最佳答案 onPointerDown、onPointerMove和onPointerUp组件生命周期方法(更多信息参见bobril/index.tsIBobrilComponent)是正是您所需要的,但需要多一点代码。在onPointerDown方法中将bobrilb.registerMouseOwner与您的上下文一

javascript - onClick 时 react 删除元素

我试图在按下onClick时删除一个div。div存在于我的父组件上render(){constlistPlayers=players.map(player=>());return(ScoreKeeperAsortablelistofplayersthatwithadjustablescores.Warning,don'tgonegative!{listPlayers});}它将props传递给按钮删除div的子组件,在这里return((我剪掉了其余的代码,因为它很长而且在这里没有用)数组(一个单独的文件)被导入到Parent组件中,它是这样的constplayers=[{name:

javascript - 在 Firefox 和 Internet Explorer 中使用 XPath 选择 HTML 元素的不同结果

我正在尝试在文档中选择一个特定的HTML元素,对于我刚刚使用的firefox:xpathobj=document.evaluate(xpath,document,null,XPathResult.FIRST_ORDERED_NODE_TYPE,null);效果很好。然而,当我尝试IE等效时:xmlDoc=newActiveXObject("Microsoft.XMLDOM");xmlDoc.async=false;xmlDoc.load(document);xmlDoc.setProperty("SelectionLanguage","XPath");xpathobj=xmlDoc.s

javascript - 跨度元素更改事件

我的问题是:内部html更改事件是否有span元素?我想我有一个跨度,当跨度内部html发生变化时,它会抛出一个我可以到达的事件?我想用Jquery绑定(bind)到span的这个事件。l. 最佳答案 来自jQuerydocumentation:Thechangeeventissenttoanelementwhenitsvaluechanges.Thiseventislimitedtoelements,boxesandelements. 关于javascript-跨度元素更改事件,我们在

javascript - 让 JEditable 处理新元素 (.live)

我正在使用JEditable插件进行就地编辑。我有一个“设置”函数,它在所有相关类上调用.editable()。问题是,我有新添加的元素,我也想使其可编辑。显然,作为新添加的,.editable()永远不会被调用。换句话说,我希望获得jquery的live()函数所具有的效果,但对于editable()函数而言。我目前的解决方法对我来说有点难看(redscribe_button是需要单击以编辑文本的按钮):$(".redescribe_button").live("click",function(click_event){click_event.preventDefault();$("

javascript - Prototype.js 从元素中获取文本

我是Protoype.JS的新手,只是稍微测试了一下,因为我听说它很好,但我很快就卡住了。就像使用jQuery一样简单,获取元素中的文本似乎是世界末日。我已经以多种方式尝试了innerHTML,但我唯一能得到的是“未定义”。alert($$('.mnu_item').innerHTML);alert($('content').innerHTML);这些都不起作用。Content是一个ID为“content”的div,.mnu_item是一个带有“.mnu_item”类的anchor标签。我不明白问题出在哪里,可能有些愚蠢,但如果有人能指出正确的方向,那就太好了!编辑:我发现不是inne