dom 相关问题

通过文档对象模型,将此标记用于有关其他语言与XML / HTML交互的问题。不要将其用作HTML,JavaScript或SAX的简写 - 使用其他标记来表示语言和标记。

jquery dom字符串操作

来自jQuery初学者的问题。提前致谢。我没有使它起作用,其想法是从div中切出最后一个CHF文本:$(document).ready(function(){var myval = $(“ .gui-big ....

回答 1 投票 -1

在文档完全加载后检测(包括图像)

我有一个包含约100张图像的HTML页面。如何检测页面何时完全加载,包括所有图像?我一直在使用以下代码,它似乎可以在Chrome 80中使用。...

回答 1 投票 2

是否有一种方法可以计算所有DOM元素的堆叠上下文,以便使用JavaScript比较上述位置的任何两个元素?

我正在尝试比较DOM中的任何两个元素,以查看它们是否要在同一区域(坐标重叠)上绘制(呈现在屏幕上),而一个区域要高于另一个区域。这个...

回答 1 投票 0

在浏览器的每个页面上运行我的Javascript代码,类似于chrome扩展程序的方式

我知道使用Chrome浏览器,我可以使用摘要在网页上手动运行一些js代码。但这需要手动执行代码段。有什么办法可以让我的浏览器(chrome或...

回答 3 投票 2

PDF加载后的jQuery事件?

我有一个模式对话框,允许用户生成定制的PDF。单击“开始”按钮后,页面将通过window.location重定向到控制器,该控制器然后创建PDF并返回...

回答 2 投票 2

角度8:尝试使用表单数据格式化服务中的字符串,但是页面不断重载,变量未重新分配表单值

[基本上,我想采用以下形式的邮政编码,设置URL格式,对该URL进行API调用,然后将数据从JSON打印到屏幕。我已经在格式化URL并获取数据了……

回答 1 投票 0

确定从父元素继承的语言环境更改

我正在尝试编写一个可识别语言环境的自定义元素。要格式化其输出,它会在自身及其父元素上查找lang属性,然后回退到浏览器navigator.language UI本地化。 ...

回答 1 投票 1

我将如何创建动态更新的排行榜?

我正在创建一个多人游戏,需要向其添加排行榜,该排行榜会不断更新以显示谁得分最高,而我不知道该怎么做。我不想使用jquery或任何其他...

回答 1 投票 0

角度4:尝试使用表单数据来格式化服务中的字符串,但是页面不断重载,变量未重新分配表单值

[基本上,我想采用以下形式的邮政编码,设置URL格式,对该URL进行API调用,然后将数据从JSON打印到屏幕。我已经在格式化URL并获取数据了……

回答 1 投票 0

检索包含伪元素的.textContent

Given << [first second 和span + span :: before {content:','; }我想在...

回答 1 投票 0

如何在mocha单元测试中模拟document.evaluate()和XPathResult?

[我有下面的JavaScript类包装document.evaluate()使用XPath选择DOM元素:'use strict'Object.defineProperty(exports,'__esModule',{value:true})类ElementByXPath {...

回答 1 投票 0

为什么onkeyup和keyup都不起作用?

我想显示用户在 Text from the input field. I already tried .onkeyup and addEventListener in javascript but they are not both working though it can detect the ...上键入的内容

回答 1 投票 0

onclick函数传递参数[重复项]

如何将变量传递给onclick函数?当使用var number = 123时; document.getElementById('myButton')。onclick = myFunction(number);甚至在单击...

回答 1 投票 -1

替换PHP中的span,但将内容保留在其中

我有以下字符串:[[[[]]]]]]]]]] 这可以通过适当的HTML解析器轻松完成。 PHP具有DOMDocument,可以将X / HTML解析为 Document Object Model,然后可以根据需要进行操作。 解决此问题的技巧是能够递归地遍历DOM树,找出每个节点,并替换不需要的节点。为此,我通过在此处扩展DOMDocument编写了一个简短的辅助方法... DOMDocument 输出: 一些文字内容 span> span> 有关修改HTML文档的更通用方法,请查看XSLT(可扩展样式表语言转换)。 PHP具有XSLT库。 然后,您将拥有一个XML文档,其中包含您的转换规则: $html = <<<'HTML' <span style="font-size: 13px;"> <span style=""> <span style=""> <span style="font-family: Roboto, sans-serif;"> <span style=""> Some text content </span> </span> </span> </span> </span> HTML; class MyDOMDocument extends DOMDocument { public function walk(DOMNode $node, $skipParent = false) { if (!$skipParent) { yield $node; } if ($node->hasChildNodes()) { foreach ($node->childNodes as $n) { yield from $this->walk($n); } } } } libxml_use_internal_errors(true); $dom = new MyDOMDocument; $dom->loadHTML($html, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD); $keep = $remove = []; foreach ($dom->walk($dom->childNodes->item(0)) as $node) { if ($node->nodeName !== "span") { // we only care about span nodes continue; } // we'll get rid of all span nodes that don't have the style attribute if (!$node->hasAttribute("style") || !strlen($node->getAttribute("style"))) { $remove[] = $node; foreach($node->childNodes as $child) { $keep[] = [$child, $node]; } } } // you have to modify them one by one in reverse order to keep the inner nodes foreach($keep as [$a, $b]) { $b->parentNode->insertBefore($a, $b); } foreach($remove as $a) { if ($a->parentNode) { $a->parentNode->removeChild($a); } } // Now we should have a rebuilt DOM tree with what we expect: echo $dom->saveHTML(); 然后是您的PHP: <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> <xsl:output method="html" indent="yes"/> <!-- remove spans with empty styles --> <xsl:template match="*[@style and string-length(./@style) = 0]"> <xsl:apply-templates /> </xsl:template> <!-- catch all to copy any elements that aren't matched in other templates --> <xsl:template match="*"> <xsl:copy select="."> <!-- copy the attributes of the element --> <xsl:copy-of select="@*" /> <!-- continue applying templates to this element's children --> <xsl:apply-templates select="*" /> </xsl:copy> </xsl:template> </xsl:stylesheet> XSLT在这种情况下非常强大,您可以为父/兄弟关系设置各种规则,并相应地修改属性和内容。

回答 2 投票 1

如何使用JS动态创建这些HTML元素

我想创建此布局,动态创建它的列表,从数据库获取数据并填充。这是布局的代码: ...

回答 6 投票 0

Cant Render React Componet,在我的理解或代码中有错误?

因此,我已经构建了图形生成器,并在道具上具有所有正确的数据,问题是当我去渲染构建组件时,它会记录对象{“ $$ typeof”:Symbol(react.element),类型:.. 。

回答 1 投票 0

使用香草javascript单击按钮时在div元素上显示数组项

谁能告诉我如何在div元素上打印elements数组var myArray = [“ stone”,“ paper”,“ scissors”] &...

回答 1 投票 0


使用PHP简单DOM无法仅获得页面上的第二个列表

我有以下代码尝试提取页面上的列表:$ websiteURL =“ https://waset.org/conferences-in-january-2022-in-tokyo”; $ html = file_get_html($ websiteURL); foreach($ html-> find('ul')as $ ...

回答 1 投票 0

如何在D3中可视化海量数据集

我有一个大约230,000行的数据集,而我在处理数据时遇到了困难。我删去了一半以上的信息,并且仍需要大约20分钟才能处理成可视化图像(...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.