草庐IT

查找HTML元素

全部标签

javascript - Angularjs根据父元素宽度调整宽度

我正在使用AngularJS和Bootstrap,并且具有以下结构:Datagridwithmanycolumns我希望让我的flexible-width-component拉伸(stretch)自动填充它自己和fixed-width-component之间的间隙,对于任何比宽的分辨率>1200像素。两个组件都需要彼此相邻显示。非常感谢任何建议! 最佳答案 您可以获得您的父容器offsetWidth并从中减去您的固定宽度:varexample=angular.module('exmp',[]);example.directive('

javascript - 将 Html 表转换为 JSON

我创建了一个将html表转换为JSON的示例应用程序。问题是JSON没有重复值,我也想从JSON中删除最后两列。我生成的JSON如下所示[{"PersonName":"Smith","Score":"disqualified","Price":"150","Tax":"41"},{"PersonName":"Jackson","Score":"94","Price":"250","Tax":"81"},{"PersonName":"Doe","Score":"80","Price":"950","Tax":"412"},{"PersonName":"Johnson","Score":"

javascript - 数组中的 JSON 对象数组在 javascript 中查找和替换

我有一个这样的JSON对象:varmyObject=[{"Name":"app1","id":"1","groups":[{"id":"test1","name":"testgroup1","desc":"thisisatestgroup"},{"id":"test2","name":"testgroup2","desc":"thisisanothertestgroup"}]},{"Name":"app2","id":"2","groups":[{"id":"test3","name":"testgroup4","desc":"thisisatestgroup"},{"id":"tes

javascript - <paper-input> 或 <core-input> 元素上的 polymer focus()

有没有办法聚焦core-input或paper-input元素?我想要实现的是:将光标设置为输入元素,以便用户可以开始输入。这样他就不会在写之前被迫点击元素。 最佳答案 core-input现在有一个.focus()方法,它委托(delegate)给内部的focus()来自core-input.html代码:focus:function(){this.$.input.focus();}这意味着在您自己的代码中您需要像下面这样调用它:elem[0].focus()在我自己的例子中,我从timeout调用focus。在这种情况下,bin

javascript - 通过 gulp 从 index.html 中删除脚本

我在我们的应用程序中使用gulp,我们在Gulpfile.js中有2个流程,一个用于生产,第二个用于开发,但我不想保留2个index.html文件,例如index.html和index.dev。html,我想要一个index.html文件,但是对于生产构建,我有一些不需要的脚本,例如.问题是:如何通过Gulp从html中删除某些内容? 最佳答案 您可以使用专用于此特定目的的gulp-html-replace插件:https://www.npmjs.org/package/gulp-html-replace

javascript - 自定义元素的绑定(bind)上下文 - 它到底是什么,如何访问父 VM

我在文档中找不到答案,所以我在这里问。传递给bind的绑定(bind)上下文到底是什么?自定义元素的方法。它是否等于路由器当前事件的ViewModel?至少,这就是我到目前为止所发现的。为什么它不是元素的父(在DOM术语中)VM?用这段代码@customElement("myelem")@inlineView("")exportclassMyElem{bind(ctx){console.log(ctx);}}//welcome.htmlinsidemyeleminsideinside...控制台中的输出只是当前View模型(Welcome)打印了两次。我希望它是Welcome对于第一个

javascript - 如何在没有 JSX 的情况下在 React.js 中呈现 html 实体

ReactDOM.render(React.createElement("button",{"type":"button","className":"close"},"×"),document.getElementById('container'));打印“&次;”而不是×我能够通过使用dangerouslySetInnerHTML修复它,但正如名称所述,我认为dangerously不是最好的解决方案ReactDOM.render(React.createElement("button",{"type":"button","className":"close","dange

javascript - 为什么我不能在 Javascript 元素集合上使用 Array.forEach?

这个问题在这里已经有了答案:HowtoloopthroughalltheelementsreturnedfromgetElementsByTagName[duplicate](10个答案)关闭6年前。我正在使用Babel/ES6构建一个应用程序。我想为它的仅查看版本禁用所有表单元素,所以我这样做了:letform=document.getElementById('application-form')letelements=form.elements我希望能够做到这一点,而不是使用常规的旧for循环(确实有效):elements.forEach((el)=>{el.disabled=tr

javascript - 加载页面后如何在Angular 4中获取(DOM)元素的宽度

我正在Angular4中寻找一个解决方案来获取DOM元素的宽度而不采取任何操作(单击或调整窗口大小),就在页面加载之后但在我开始绘制svg之前。我在here中发现了类似的案例但它对我不起作用。我得到同样的错误:ERRORTypeError:Cannotreadproperty'nativeElement'ofundefined我需要获取div容器的宽度来设置我在其中绘制的svg的veiwbox。这是模板:和在这种情况下需要的东西的TS文件:import{Component,Input,OnInit,ViewEncapsulation,AfterViewInit,ViewChild,El

javascript "use strict"和尼克的查找全局函数

所以我看到了一个函数,坦率地说,它的简单性非常漂亮,因为它允许您在匿名函数中找到全局对象(这取决于当时的环境,可能不是window);但是,当您抛出javascripts的“使用严格”时;由于对关键字“this”的评估发生变化,模式崩溃了。有几种方法可以做到这一点?(function(){varwin=function(){return(function(){returnthis;}());};//winnowpointstotheglobalobjectnomatterwhereitiscalled.}());现在,如果在“usestrict”的上下文中调用这些,我们将失去所描述的功