草庐IT

查找HTML元素

全部标签

javascript - 通过将 refs 设置为变量来 react 查找 DOM 节点?

我正在动态创建多个文本输入(使用动态创建的引用)以及我想用输入更新的文本。我试图通过将ref设置为变量并使用React.findDOMNode(this.refs.Variable).value查找DOM节点来获取输入的值我收到“无法读取null的属性‘值’”错误。我怎样才能做到这一点?函数是这样的:resetUnit:function(e){varrefID=e.target.id;varID=refID.split("-")[0];varValue=React.findDOMNode(this.refs.refID).value;NodesCollection.update({_i

javascript - 为什么我的 JavaScript for 循环会跳过元素?

这个问题在这里已经有了答案:StrangebehaviorwheniteratingoverHTMLCollectionfromgetElementsByClassName(3个答案)关闭6年前。我有一个遍历一组元素的for循环,从每个元素中删除'selected'类。但是,它会跳过每第二次迭代。我发现我可以通过添加j--来解决这个问题,我想除了加长我的代码外,这很好。但我想知道是否有人可以解释为什么它会跳过,并且可能会建议一种更简洁的代码编写方式?(我仍在学习技巧,想确保我了解发生了什么。)varselections=document.getElementsByClassName(n

javascript - 在 react 元素上模拟点击事件

我正在尝试模拟.click()event在React上元素,但我不知道为什么它不起作用(当我发射event时它没有反应)。我想仅使用JavaScript发布Facebook评论,但我卡在了第一步(在.click()元素上执行div[class="UFIInputContainer"])。我的代码是:document.querySelector('div[class="UFIInputContainer"]').click();这是我尝试执行此操作的URL:https://www.facebook.com/plugins/feedback.php...附言我对React没有经验,我真的不

javascript - jQuery 和附加大量 HTML

我发现,如果使用得当,使用jQuery创建HTML客户端可以极大地提高性能。我使用返回JSON的AJAX来检索动态内容,然后构建相关的HTML并使用jQuery将其插入。第一次使用这种技术时,我发现IE的JavaScript中的字符串连接器执行得非常慢,因此构建一个包含超过50行左右的动态表时执行得非常糟糕。varshtml='';for(vari=0;iAbunchofcontent';}shtml+='';$('#myTable').append(shtml);然后我发现了一种字符串连接技术,它改变了一切。不要使用sting+=运算符,而是使用数组进行连接;varshtml=[''

JavaScript 查找 TinyMCE 富文本编辑器值是否为空

我在我的一个网络应用程序中使用了TinyMCE文本区域。如何使用JavaScript检查TinyMCEtextarea的值是否为空?document.getElementById("myeditorid").value没有帮助我。 最佳答案 它不再是文本区域,因此value属性将不起作用。这是您获取对编辑器及其文本的引用的方式:vartext=tinyMCE.get('myeditorid').getContent(); 关于JavaScript查找TinyMCE富文本编辑器值是否为空,

javascript - 如果您通过 ID 在 jQuery 中选择一个元素,是否仍然可以通过为其提供上下文来提高速度?

想象一下这个简化的标记:并假设您已经拥有此代码:var$hdr=$("#header");jQuery以这种方式查找“细节”是否有任何速度差异:var$detail=$("#detail",$hdr);对比var$detail=$("#detail");因为是通过ID查找详细信息? 最佳答案 不,您不必那样做。由于id在文档中是唯一的,因此无需添加任何其他优化。我会去var$detail=$("#detail"); 关于javascript-如果您通过ID在jQuery中选择一个元素,是

javascript - 每行带有按钮的 Html 表格

我有一个包含多行和一列的表格。每个表格单元格中都有一个按钮。像这样:Select我想做什么:按下其中一个按钮时,我想将其值从“编辑”更改为“修改”。有什么想法吗? 最佳答案 很确定这可以解决您正在寻找的问题:HTML:editeditediteditJavascript(使用jQuery):$(document).ready(function(){$('.editbtn').click(function(){$(this).html($(this).html()=='edit'?'modify':'edit');});});编辑:显

javascript - 我如何使用 jQuery 查找元素是否包含特定类?

我需要使用JQUERY检查元素是否包含某个子类。我试过:if($('#myElement').has('.myClass')){doworkson}没用。我的html代码是这样布局的:somethingHello 最佳答案 最简单的方法是搜索.myClass作为#myElement的子级:if($('#myElement.myClass')).length>0)如果你只想要一级child,你会使用>if($('#myElement>.myClass')).length>0)另一种方法是将选择器传递给find并检查任何结果:if($(

javascript - 在 jQuery 中选择没有文本节点的 <p> 元素

我有这个HTML结构:MyLinkLoremIpsumDolorSitamet.LinkthatImustselect.​而且我必须将一个类应用于第二个链接,即没有文本节点的链接。我尝试了“p:emptya”和“p>a:only-child”,但它们不起作用……有一种方法可以使用jQuery选择它吗? 最佳答案 不能使用选择器,但可以使用filter()执行自定义选择:$('p').filter(function(){var$clone=$(this).clone();$clone.children().remove();retur

javascript - 在 [object FormData] 中提醒特定元素(用于测试)

我试图查看[objectFormData]中包含哪些内容,特别是在名称应为Name的特定元素中。我想提醒它,检查内容是否正确,但这样做返回undefined:alert(fd['Name']);我很确定我正在正确加载表单数据,所以我想知道问题是否出在我以错误的方式访问数据...仅PS警报fd返回[objectFormData] 最佳答案 IvanZh告诉我这种方法对他不起作用,这促使我对HTML5FormData对象进行一些研究。事实证明,我对此完全错了(请参阅下面的旧错误答案)。FormData的所有数据都驻留在native代码中