草庐IT

html-input

全部标签

javascript - react : dynamically add input fields to form

我正在为表单使用formsy-react,我想在触发事件时呈现更多选项,代码如下所示:classMultipleChoiceextendsComponent{constructor(props){super(props);}render(){return();}}我有一个按钮和onClick事件,我想触发一个将另一个附加到divid“dynamicInput”的函数,这可能吗? 最佳答案 是的,我们可以更新组件的底层数据(即state或props)。React如此出色的原因之一是它允许我们专注于我们的数据而不是DOM。假设我们有一个

javascript函数获取html中的所有图像

我想要一个javascript函数来基本上返回页面中所有imgsrc的数组,我该怎么做? 最佳答案 您可以通过document.getElementsByTagName()轻松获得包含所有img元素的数组。:varimages=document.getElementsByTagName('img');varsrcList=[];for(vari=0;i除了document.getElementsByTagName('img'),您还可以使用document.images集合。如果您使用的是jQuery,您还可以使用$('img'),

javascript - 避免 HTML 文档回流

我有几百个像这样的“行”元素:我需要在它们已经呈现在页面上之后获取它们的clientHeight。我知道“clientHeight”属性强制回流,这会影响我的性能,因为它们太多了。但是-它们已经被渲染并且我知道它们的大小在它们被渲染的时间和我查询它们的高度的时间之间没有变化。有没有办法告诉浏览器在查询高度时不要重排?此外-webkit检查员说:Layouttreesize5901LayoutscopeWholedocument而且div位于绝对定位的祖先中-难道不应该只回流绝对定位的元素吗?编辑:所以提供的答案是正确的。我实际上弄脏了布局,因为我有这个循环:rows.each(func

javascript - 如何在 javascript 中获取特定 HTML 标记的所有元素?

除了具有特定ID的元素之外,我需要在我的文档中隐藏所有“部分”类型的元素。在jquery中这很容易$("section").hide();$("section#myId").show();如果没有jquery,我该怎么做?(我需要它在页面加载后立即发生并且不引人注目)。我还需要它才能跨浏览器工作。谢谢。 最佳答案 DOMElement.getElementsByTagName是你的friend:varsections=document.getElementsByTagName('section');varmySection=null

javascript - HTML 报告中的 Istanbul 尔覆盖嵌套目录

来自Istanbul的单元测试覆盖率报告以HTML格式显示index.html中项目的每个文件夹。它实际上扁平化了目录结构。是否可以选择使用嵌套文件夹呈现html报告? 最佳答案 正在复制myanswer来自潜在duplicatequestion:Maybetrythe--reporter=html-spaoption.Seeavailableoptions. 关于javascript-HTML报告中的Istanbul尔覆盖嵌套目录,我们在StackOverflow上找到一个类似的问题:

javascript - Ckeditor 选择的 html 在 chrome 浏览器中无法正常工作

我正在使用mvc应用程序并使用ckeditor3.6.2版本。我使用以下代码从ckeditor获取选定的html。CKEDITOR.editor.prototype.getSelectedHtml=function(){if(CKEDITOR.env.ie){this.focus();selection=this.getSelection();}else{selection=this.getSelection();}if(selection){varbookmarks=selection.createBookmarks(),range=selection.getRanges()[0],

javascript - Chromecast HTML 按钮

是否可以通过HTML按钮调用chromecast?我编写了一个使用自定义接收器的网页,基本上允许用户以统计数据/图表的形式向一屋子的人显示报告,但他们会在屏幕上看到控件。但是因为这纯粹是一个转换应用,所以我想在网页上显示一个按钮,当用户不转换时显示,然后在他们不转换时消失。所以像这样:StartStop然后是一些JS,例如:if(CASTAVAILBLE){if(CASTING){$('#castStart').hide();$('#castStop').show();}else{$('#castStart').show();$('#castStop').hide();}$('#cas

实习关于快速修改element ui中input框的样式问题

由于需要根据ui设计成这个样子这里直接贴代码el-form-item>el-inputv-model="form.keyword"placeholder="搜索关键词"onfocus="this.placeholder=''"onblur="this.placeholder='搜索关键词'"maxlength="50"clearable>islot="suffix"class="el-input__iconel-icon-searchft9"@click="getSearchList">i>el-input>el-form-item>el-form-item>这里的suffix只是修改尾部的i

javascript - 如何在没有浏览器检测的情况下识别 "input"事件中的错误行为?

我将从问题开始。当特定浏览器的某项功能实现有问题并且您的javascript需要知道当前浏览器是否具有该有问题的实现以便它可以使用替代策略时,您如何在不进行浏览器类型嗅探的情况下确定该实现是否有问题(这通常被认为是坏的)?这是整个情况。我正在编写一些想要使用"input"event的代码用于获取用户更改的通知字段(比“更改”事件更有效),但是当不支持该事件时,它会使用涉及许多其他事件的更复杂的方案。由于“输入”事件仅在某些浏览器中受支持,我开始寻找一种方法来对该事件进行特征检测(而不是浏览器用户代理嗅探),因为特征检测通常是一种更可靠的处理方式.因此,我遇到了thisgreatarti

javascript - angular.js - 解析 html 函数需要 2000 毫秒甚至更多

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭7年前。Improvethisquestion我正在尝试加速我的网站。这是我在Timeline/ProfileJS内的chrome开发人员工具中找到的。其中包含大约150个蓝色的ParseHTML(在屏幕中)。这是加载时间的50%。我使用平板电脑对其进行了测试,该功能甚至花费了15000毫秒!我正在