草庐IT

dom-to-image

全部标签

javascript - 你怎么能抓取dom中的元素并在没有id的情况下应用不同的css?

我在这里有点困惑。我正在做一个动态元素,我想应用不同的css具有相同类但没有id的div。我如何将不同的css应用到具有相同类的第一个div,然后不同的css到同一类的第二个div等等......假设我将fullwidthContainer类应用于3divs对于第一个div,我想要宽度1000px,第二个我想要800px等等。我不能在这里给出id或其他类,因为它是动态生成的。请帮忙。谢谢。好的,我是用javascript做的functionemphatic(){vartotalContainers=document.getElementsByClassName('fullwidthCo

javascript - 移相器 : how to load assets after preload?

我想知道是否可以在给定时间在Phaser中动态加载Assets,而不是在预加载函数中加载所有内容。原因很简单:我有一个游戏分为三个不同的关卡,每个关卡都有不同的背景歌曲;所以我宁愿在启动时只加载一首歌曲以减少加载时间。现在,我的预加载函数如下所示:preload:function(){game.load.audio('pixel_world',['assets/music/pixel_world_lo.ogg','assets/music/pixel_world_lo.mp3']);game.load.audio('second_source',['assets/music/secon

javascript - socket.io 客户端 : how to determine if a handler is already installed

如果您为套接字上的同一个函数多次调用“on”方法会发生什么?多次调用它是简单地覆盖了最后注册的函数还是使用了更多资源?如果是后者,那么如何判断handler是否已经注册? 最佳答案 我刚刚查看了Firebug中的套接字,有一个名为“_callbacks”的成员。它包含所有已注册的回调,因此检测是否已注册非常简单:if(socket._callbacks[strHandlerName]==undefined){//Handlernotpresent,installnowsocket.on(strHandlerName,function

javascript - 服务器 : how to get "window", "location"和其他 "window"属性以及通常是浏览器对象上的浏览器代码?

我想在浏览器和服务器上都使用浏览器代码。我的代码基本上是React组件。我想浏览代码,得到一个编译表app.js并在浏览器和服务器上同时使用它://inabrowser//onaservervarApp=require('../assets/js/react/app');但据我所知,browserify不知道window对象。我不能在服务器端要求浏览器代码,抛出一个错误:if(window.location.pathname=='/foo'){^ReferenceError:windowisnotdefined代码如下:...manyReactcomponentsgohere...//

javascript - Algolia 即时搜索.js : how to display the results with a random order?

我正在使用Algoliainstantsearch.js来显示选举候选人(此处:https://laprimaire.org/candidats/)。我希望候选人的初始显示是随机的,以便每个候选人或多或少获得相同的可见度。我在这个答案中读到,它不是Algolia的一个特性,但它应该可以通过一些js技巧来实现:Isitpossibletosortrandomly,andtoqueryonfieldifitexists?问题是我正在使用instantsearch.js,但我找不到如何在instantsearch.js的情况下实现上述searchFunction。我从文档中看到可以使用sea

javascript - 未捕获的 InvalidStateError : Failed to read the 'result' property from 'IDBRequest' : The request has not finished

我需要你们的帮助。我正在使用indexedDB。我需要使用Javascript从数据库中的表中读取记录,但我收到一条错误消息,指出来自Chrome浏览器V52UncaughtInvalidStateError:Failedtoreadthe'result'propertyfrom'IDBRequest':请求未完成。下面是我的Javascript代码变量数据库;varavailableJobs=0;window.indexedDB=window.indexedDB||window.mozIndexedDB||window.webkitIndexedDB||window.msIndexe

javascript - 如何使用 Webassembly (wasm) 访问和修改文档对象模型 (DOM)?

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭6年前。Improvethisquestion我知道webassembly(wasm)仍处于起步阶段,但我想知道我是否以及如何使用它来更改DOM(就像我使用Javascript来更改DOM一样)更改DOM)。这是官方页面:WasmMVP

javascript - 使用浏览器解析 CSS 而无需触及 DOM/样式

我有这样的东西:constsomeCSS=`.foo{padding:20px;background-color:#ddf;width:100px;}.bar{height:100px;}.foo{padding-top:30px;/*thisoverridesthepreviousone*/}`;我可以将此添加到DOM中,并使用这样的每个规则(jsFiddle)取回所有选择器:conststyle=document.createElement('style');style.innerHTML=someCSS;document.head.append(style);conststyle

javascript - 如何在执行页内脚本之前操作 DOM?

使用Puppeteer,在页面内JS执行之前,如何在页面上下文中运行脚本,并提供完整的DOM?例如,在运行任何页面JS之前,如何运行以下脚本从img元素中删除alt属性?document.querySelectorAll('img[alt]').forEach(e=>e.removeAttribute('alt'))(page.evaluateOnNewDocument看起来很有用,但它似乎是在页面内容可用之前执行的——在它运行时,页面是空白的。) 最佳答案 我认为实现目标的方法是执行:设置page.setJavaScriptEna

javascript - Angular 2 : How to filter records between two dates?

{"id":1,"name":"Jack","date":"01-06-2017"},{"id":2,"name":"Allen","date":"07-08-2017"},{"id":3,"name":"Annie","date":"22-11-2017"},此JSON存储在“成员”数组中,我想根据开始和结束日期过滤成员,例如:letstartDate;letendDate;letselectedMembers=this.members.filter(m=>m.date>startDate&&m.date类似的东西.. 最佳答案