草庐IT

伪元素

全部标签

javascript - 在 JavaScript 中使用元素作为哈希的键

我想创建一个以DOM元素为键的散列。以下代码说明了这一点:varhash={};varset=function(element,value){hash[element]=value;};varget=function(element){returnhash[element];};set(document.getElementById('foo'),'bar');get(document.getElementById('foo'));//returns'bar'如何确保HashMap到每个Element的唯一值?请注意,我不能使用原始ID字符串作为键,因为可以传入任意Element,包括

javascript - 用包含 html 的文本替换元素内的文本,而不删除已经存在的 html

我正在尝试创建一个文本搜索功能,但当元素中有html时,我很难让它工作。这是一些简单的html来演示我的问题。Ineedreplaced这是我目前在javascript上的位置。假设里面没有html,它工作得很好。$("*",search_container).each(function(){varreplaceTxt=$(this).text().replace(newRegExp("("+search_term+")",'i'),'$1');$(this).text().replaceWith(replaceTxt);});当用户输入时,我需要用跨度替换文本。因此,当他/她键入时,

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-跨度元素更改事件,我们在