jjzjj

javascript - 使用 JavaScript 展平 DOM 中的嵌套跨度以优化 HTML 编辑器输出

我需要使用JavaScript重新格式化输入HTML,以便生成的输出HTML始终是的序列包含仅一个或多个的节点节点和每个节点应该包含恰好一个#text节点。举个例子,我想转换如下所示的HTML:Thisisline#1Thisisline#2Thisisline#3Thisisline#4HTML看起来像这样:Thisisline#1Thisisline#2Thisisline#3Thisisline#4额外的,有点离题的信息:文本在TinyMCE编辑器中。HTML需要符合此模式以使应用程序更有用并提供具有可用HTML的PDF输出引擎(wkhtmltopdf如果HTMl变得过于复杂且嵌

javascript - 使用 jQuery 的 DOM 元素的非深拷贝

是否可以在不克隆其内容的情况下在jQuery中创建DOM元素的克隆/副本?我需要将一个div的内容拆分为两个具有相同属性的独立div。因此,例如我需要更改:thisisthefirstsentence.thisisthesecondsentence.变成类似的东西:thisisthefirstsentence.thisisthesecondsentence.具体如何拆分内容比较复杂,但这基本上就是我需要做的。显然,可以使用以下方法创建没有内容的克隆:$(el).clone().empty();但由于我的元素可能变得相当大,我想摆脱不必要地克隆元素内容的开销。想法?谢谢!

javascript - 修改 DOM 元素和限制回流的最有效方法是什么?

当使用具有潜在大型JS库、View模板、验证、ajax、动画等的非常动态的UI(想想单页应用程序)时......有哪些策略可以帮助最大程度地减少或减少浏览器花费的时间回流焊?例如,我们知道有很多方法可以完成DIV大小的更改,但是是否有应该避免的技术(从回流的Angular来看)以及浏览器之间的结果有何不同?这是一个具体的例子:给出了一个简单的示例,其中包含3种不同的方法来在调整窗口大小时控制DIV的大小,应该使用哪种方法来最大程度地减少回流?http://jsfiddle.net/xDaevax/v7ex7m6v///Method1:PureJavascriptfunctionresi

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

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

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 - Vue 不会在 'indirectly' 更改表达式的值时更新 DOM

长话短说我正在尝试从JSON动态构建UI。JSON表示具有应用程序状态(变量)和以这些变量为条件的UI构建逻辑的vue.js应用程序。"type":"switch"的JSON对象(参见下面链接的fiddle),指示vue.js应用程序显示多个"case":{"case1":{..},"case2":{..}}取决于状态变量的值"variable":"key"/*转换为vueApp.key*/.更改其中一个变量(update_status)最初会导致DOM更新。遗憾的是,在安装应用程序后再次更改它不会影响DOM。我很确定我正在做一些愚蠢的事情或遗漏了一些微妙的事情。稍长的版本:(如果你还

javascript - DOCTYPE 的选择是否会影响 javascript 代码所见的 DOM?

鉴于使用ASP.NET、javascript、css等技术的大型遗留项目,我想知道是否更改网页的DOCTYPE,例如,从HTML4.0Transitional到XHTML1.0Transitional(或相反)任何方式都可能破坏网页的javascript功能。关于不同的DOCTYPES如何影响页面的(css)呈现,有很多文章和讨论,但我似乎找不到任何关于破坏任何代码的类似内容。我正在查找有关一般注意事项的文章链接,以便更好地发现现有代码中的潜在问题并避免在编写新代码时产生问题。 最佳答案 更改DOCTYPE是否会破坏任何javasc

javascript - 撤消实现 - DOM 操作

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭6年前。Improvethisquestion是否有可用于在JavaScript中实现DOM元素操作的撤消/重做功能的库?我正在编写一个围绕DOM元素移动的prototype.js应用程序(memonaut),允许编辑和删除这些元素。每个操作的元素都有事件处理程序和其他对象。不确定我是否需要为此推出我自己的命令模式实现。当然,必须有可用的东西吗?如果没有,建议和指示将是一个很大的帮助。