草庐IT

查找HTML元素

全部标签

javascript - 在 DOM 中移动 Controller 时保留元素/范围状态

在一个Angular应用程序中,我想将一个元素从DOM树的一部分移动到另一部分,而不必重新加载附加到移动元素的Controller。我创建了一个简化的plunker来说明:http://plnkr.co/edit/sqBRM3ZQ5G9xpiNd1MXm?p=preview在这个plunker中,唯一要保留的数据是切换器状态,但实际上它可能是非常大量的数据,可能需要花费大量精力来初始化。我想要做的是能够将模板1从指令1移动到指令2,但我想保留切换器的状态。在这种情况下,如果单击切换器使其变为绿色,然后单击“从列表1移动到2”两次,它会将其移动到指令2,但会将颜色重置为红色。为了避免这种

javascript - 找出 Protractor 元素 CSS 链

出于开发和调试目的,如果知道我在以下方法中询问的完整CSS链是什么,那将是非常好的:divElm.element(by.css("article")).element(by.css("tbody>tr")).then(function(elm){//isthereawaytoknowherewhatisthe"CSSchain"of'elm'?});如果我调试elm,我会看到一个locator属性:locator_:{using:'cssselector',value:'tbody>tr'},但这只是链中最后一个元素的定位符。拥有所有东西真的很有用,比如:divElm,article,

javascript - 使用 html2canvas 和 jsPDF 保存页面的 PDF

我想从一个div的内容创建一个PDF。我正在使用jsPDF.问题是我的样式都没有通过,因此PDF看起来不对。然后我遇到了article使用html2canvas截取页面的屏幕截图。当我尝试提供的示例时,它给了我这个错误:uncaughtexception:Invalidorientation:[objectobject]我该如何解决这个问题?这是我正在使用的JS:(function(){varcontent=$('#content'),cache_width=content.width(),a4=[595.28,841.89];//fora4sizepaperwidthandheigh

javascript - HTML 页面中的 Sharepoint 上下文信息

我正在通过将javascript和html文件上传到文档库来在Sharepoint2013中构建一个SPA。我试图通过sp.js库访问上下文信息来获取当前用户信息。但是我得到这个错误:_spPageContextInfoisnotdefined在我的index.aspx文件中,我包含以下js:我还在index.aspx文件的顶部包含了这个:在我的js文件中,我有以下代码:$(document).ready(function(){//waitforthesharepointjavascriptlibrariestoload,thencallthefunction'Initialize'E

javascript - 如果我将一个元素从一个容器移动到另一个容器,是否存在范围问题?

考虑到您有这种情况:元素.componentB有一个名为move-to的指令,它只是简单地移动该元素的内容,使用jQuery子通配符选择器(如varcontents=$('.componentB').find('>*');),当这些断点中的任何一个在breakpoints指令上定义时(这些数字是索引一个阵列,保持断点测量)当前正在发生。当该指令的某个断点处于事件状态时,DOM将更改为:这是我正在处理的一个网站的静态版本中使用的一种响应机制。我需要知道范围继承、事件广播、状态Controller是否存在缺陷,它们与div.main相关,而div.main本身就是div.auxiliary

javascript - 当某些对象必须避免配对在一起时,如何将一个数组的元素随机映射到另一个数组的元素?

我正在创建一款游戏,玩家需要将屏幕上的对象分类到正确的目标位置。我正在寻找一种方法来随机排列对象,以便没有对象从正确的位置开始。因此,我们不会陷入双重否定的疯狂世界,我将把“正确答案”位置称为“避免”位置,将“错误答案”位置称为此类“有效”位置。数组可能看起来像这样:varsort_items=[{"avoid":["target1","target2"]},{"avoid":["target1","target2"]},{"avoid":["target3"]},{"avoid":["target4","target5"]},{"avoid":["target4","target5"

javascript - Aurelia 如何在自定义元素及其自己的命名空间中添加绑定(bind)行为?

我正在构建一个Aurelia自定义元素,我想使用一个特殊的绑定(bind)行为,但是我似乎无法在我的自定义元素类之外使用它(声明它)。另外,我想知道Aurelia中是否存在用于绑定(bind)行为和其他自定义内容的命名空间?这是我想使用的绑定(bind)行为optional-binding.js-codeprovidedbyanotherstackquestionexportclassOptionalBindingBehavior{bind(binding,scope,interceptor){binding.originalupdateTarget=binding.updateTar

javascript - 绕过 HTML 导入的安全性

我正在导入HTMLsnippet来自第三方并将其嵌入到我的Angular7应用程序之外的某个占位符中。片段中有一个以javascript:开头的链接,Angular将以unsafe:为前缀,这会破坏其功能。DOMSanitizerAngular似乎只提供了一种绕过HTML字符串安全性的方法。但是,在下面的方法中,我只是读取DOM节点并将其附加到不同的目的地。所以我需要一个DOM节点的解决方案。根据我的研究,在appendChild调用之后插入的节点是正确的,但是在Angular添加unsafe:几毫秒之后。如何绕过DOM节点的安全性?privateinsertPart(componen

Javascript/CSS 灯箱仅适用于第一个元素?

我试图在点击每张照片时在Javascript/CSS灯箱中打开我的每张照片。目前,只有我的照片列表中的第一张照片在灯箱中打开。其他照片不会在灯箱中打开。请有人解释/告诉我这是为什么,并解释/告诉我这样做的正确方法吗?这是我的HTML/PHP:query("SELECT*FROMuser_dataWHEREuser_id=$p_id");if($result4->num_rows>0){echo'';echo'';echo'';echo'';echo'';echo'';}?>×CSS:#myImg{cursor:pointer;transition:0.3s;}#myImg:

javascript - 使用在组件类中找到的变量修改伪元素属性值的 Angular/Mobile 友好方式是什么?

有没有比我目前正在做的更好的方法来使用组件变量修改伪元素属性?我没有按照Angular的方式来做,但这是我的目标。我的方式在移植到移动设备时肯定会失败。我想在组件样式表中放置一个变量:组件:@Input()publicvariable=variable;组件样式表:input[type=range].MPslide.pvd-slider::-webkit-slider-runnable-track{background:linear-gradient(#568200,#568200)0/variable100%no-repeat#ccc}不幸的是,它不存在于我的模板中,所以我无法在其上