草庐IT

dom-repeat

全部标签

javascript - 从字符串创建 SVG DOM 元素

我将如何从String创建SVGDOM元素?例子:varsvgStr='backgroundLayer1'; 最佳答案 您可以使用DOMParser解析XML字符串。varparser=newDOMParser();vardoc=parser.parseFromString(stringContainingXMLSource,"image/svg+xml");已解析字符串的根元素将是doc.documentElement为了跨浏览器正常工作,您需要设置html命名空间,即您的字符串需要如下所示...varsvg2='

javascript - 使用 ng-repeat 和过滤器时数组中对象的 $index

我对Angular还很陌生,并且已经能够绕过一些地方。但我似乎无法找到这种情况的答案......我有一组对象,我正在从firebase中拉下来。我正在对对象使用ng-repeat,然后相应地显示数据。我试图将索引作为路由参数传递给“编辑”Controller。在这种情况下,我想像预期的那样提取对象数据。但是,当我过滤ng-repeat时,我得到了过滤内容的索引。我在寻找真实索引时哪里出错了?.config(['$routeProvider','$locationProvider',function($routeProvider,$locationProvider){$routeProv

javascript - 如果 DOM 元素包含一个类,我如何检查 JavaScript?

如果DOM元素包含类,我如何在JavaScript中检查?我尝试了下面的代码,但由于某种原因它不起作用......if(document.getElementById('element').class=="class_one"){//code...} 最佳答案 要获取类属性的全部值,请使用.classNameFromMDC:classNamegetsandsetsthevalueoftheclassattributeofthespecifiedelement.自2013年以来,您得到了额外的帮助。许多年前,当这个问题第一次得到回答时

javascript - 当我查看 DOM 对象的 getter 属性时,控制台中发生了什么?

在控制台运行以下代码时:console.dir(document);在Chrome中,我看到了以下内容:这似乎暗示domain属性直接在document对象上。然而,事实并非如此。console.log(document.hasOwnProperty('domain'));在Chrome72中,沿着原型(prototype)链往上走,它似乎在Document.prototype上:console.log(Document.prototype.hasOwnProperty('domain'));console.log(Object.getOwnPropertyDescriptor(Doc

javascript - Vue.js v-html contenteditable 防止 dom 刷新以防止光标/插入符跳转

作为引用,我使用的是Vue2.0、Vuex和Firebase。我正在构建一个contenteditable组件,使用v-html绑定(bind)来呈现innerHTML。数据在KeyUp上更新。每当数据更新时,DOM元素都会用"new"数据刷新,导致插入符号/光标跳回到内容可编辑的div的开头。我研究了Rangy和其他一些stackoverflow解决方案,但我觉得最简单的解决方案是从数据刷新中解除绑定(bind)DOM元素。我希望数据仍然在firebase中更新,但不会导致元素刷新。有没有办法让我仍然使用v-html但阻止DOM元素随数据刷新?还是有另一种方法可以在不自动绑定(bin

javascript变量对应具有相同ID的DOM元素

这个问题在这里已经有了答案:DoDOMtreeelementswithIDsbecomeglobalproperties?(5个答案)关闭8年前。我是javascript的新手,我刚刚注意到一个我在任何地方都没有看到的javascript行为。如果我有一个分配了id的DOM元素,比如“x”,那么在我的javascript中,该元素会自动分配给变量x。我在chrome和safari中看到了这个。这是javascript的文档化功能吗?例如:window.onload=function(){alert(x==document.getElementById('x'));info.value=

javascript - 在带有 DOM 选择的 Javascript 中使用模块化设计模式

我一直在关注ModularDesignPattern一段时间以来,我发现它非常有用,因为它有助于很好地维护代码并将block分离成模块。通过jQuery定期使用模块结构导致我的大部分应用程序/代码遵循以下结构:(function(){varchat={websocket:newWebSocket("ws://echo.websocket.org/"),that:this,init:function(){this.scrollToBottom();this.bindEvents();this.webSocketHandlers();},bindEvents:function(){this

javascript - 检查 2 个 DOM 元素的相等性

如何检查2个Dom元素是否相同。表单示例varelement1=document.getElementById("abc");varelement2=document.getElementById("abc");现在我应该如何检查这两个元素是否相等?谢谢 最佳答案 element1和element2是对DOMtree中同一位置的引用.只需检查if(element1==element2){alert("same");} 关于javascript-检查2个DOM元素的相等性,我们在Stack

javascript - React - 检查元素在 DOM 中是否可见

我正在构建一个表单-用户在进入下一个屏幕之前需要回答的一系列问题(单选按钮)。对于字段验证,我使用yup(npm包)和redux作为状态管理。对于一个特定的场景/组合,会显示一个新屏幕(div),要求用户在继续之前进行确认(复选框)。我只想在显示时对此复选框应用验证。如何使用React检查元素(div)是否显示在DOM中?我想到的方法是将变量“isScreenVisible”设置为false,如果满足条件,我会将状态更改为“true”。我正在检查并在_renderScreen()中将“isScreenVisible”设置为true或false,但由于某种原因它会进入无限循环。我的代码:

javascript - 通过 JavaScript/DOM 访问 CSS 媒体查询规则

我一直在使用许多库(包括我自己的库)来根据我在CSS文件中概述的媒体查询动态加载Assets。例如:在CSS中:@mediascreenand(max-width:480px){.foo{display:none;}}并且使用Assets加载器;require.js,modernizr.js等或使用window.matchMedia和相关的addListener()函数:if(function("screenand(max-width:480px)")){//Loadseveralfilesload(['mobile.js','mobile.css']);}声明它们两次是笨拙/愚蠢的,