dom 相关问题

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

如果我只能访问一个Node,我怎样才能实现像Element.querySelector这样的东西?

假设您无法访问元素类型,只能访问节点类型。 (我有这个限制,因为我在 Angular 中使用inject(ElementRef),但在其他情况下也可能会发生这种情况) 一个节点

回答 1 投票 0

如何在 Angular 元素内插入动态组件

假设我们有一个 html 结构如下 现在,来自 api 的内容将是由更多 HTML 元素组成的字符串。

回答 2 投票 0

boundingBoxCollection 长度为 0

const { selectedButton } = this.state; varboundingBoxCollection = []; console.log(boundingBoxCollection.length); varboundingBoxes = document.querySelectorAll('.cropper-face'); c...

回答 1 投票 0

如何获取音频元素中的当前时间 HH:MM:SS? [重复]

如何在音频 JavaScript DOM 中获取当前时间 HH: MM: SS? 我想在 PureJS 中显示音频对象当前时间,如 HH: MM: SS! 示例:

回答 1 投票 0

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA[重复]

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

回答 1 投票 0

Chrome 在低 DPI 和高 DPI 显示器上以不同方式重新绘制滚动上的 div

我正在努力优化网络应用程序中的滚动性能,并在最新的 Chrome (v31) 上遇到了有趣的行为,这也在 Chrome Canary (v34) 上重现。 在这个简化的例子中,我...

回答 3 投票 0

如何在 JavaScript 中向全局变量追加新元素?

嗯,我正在用 JavaScript 从事这个项目,并了解 DOM 如何从 js 操作 html。事情是,(下面的代码) 常量 TemplesElement=''; const displayTemples = (tem...

回答 1 投票 0

关于元素的硬编码子元素替换

我正在做一个带有选择的小网站项目,其中我将第一个不可选择的选项硬编码为占位符。重点是,之后当我动态添加选项时,它们似乎会覆盖......

回答 1 投票 0

在我的 Angular 项目中使用 CSS @layer 规则

我想在我的 Angular 项目中使用 CSS @layer 规则。 @layers 的优先级顺序取决于它们的声明顺序(最后声明的优先)。然而,Angular 会自动...

回答 1 投票 0

通过控制台js调用单击发送按钮但单击不起作用时,控制台返回未定义

您好,我正在构建 chrome 扩展并尝试单击发送按钮。 在为其编写代码之前,我正在测试简单的 js 代码,看看是否可以模拟点击发送按钮。 这里有一些...

回答 1 投票 0

为什么在进行新查询后,prevButton 和 nextButton 会从过去的查询中删除?

从某种意义上来说,这是聊天框应用程序。一旦进行新查询,我的 prevButton 和 nextButton 就会从过去的查询中删除,因此分页仅适用于当前查询,但我希望...

回答 1 投票 0

通过 javascript 调用单击发送按钮时控制台返回未定义

您好,我正在构建 chrome 扩展并尝试单击发送按钮。 在为其编写代码之前,我正在测试简单的 js 代码,看看是否可以模拟点击发送按钮。 这里有一些...

回答 1 投票 0

无法在未定义的设置中设置属性

为什么我无法在 JavaScript 代码中设置未定义设置(背景颜色)的属性。 让 btn = document.querySelector('button'); 让 h1 = document.querySelector('h1'); 让 h2 = 文档。

回答 1 投票 0

我的代码是否有错误或者与我的 Firefox 12 浏览器有关?

我从教程中复制了以下代码,但仍然无法弄清楚我是否在某个地方犯了错误,或者是否与浏览器支持有关。 <question vote="0"> <p>我从教程中复制了以下代码,但仍然无法弄清楚我是否在某个地方犯了错误,或者是否与浏览器支持有关。</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script type=&#34;text/javascript&#34;&gt; function loadXMLDoc(dname) { if(window.XMLHttpRequest) { xhttp = new XMLHttpRequest(); } else { xttp = new ActiveXObject(&#34;Microsoft.XMLHTTP&#34;); } xhttp.open(&#34;GET&#34;, dname, false); xhttp.send(); return xhttp.responseXML; } function change(text) { var xmlDoc = loadXMLDoc(&#34;dom.xml&#34;); var x = xmlDoc.getElementsByTagName(&#34;title&#34;)[0].childNodes[0]; x.nodeValue = text; var y = xmlDoc.getElementsByTagName(&#34;title&#34;); for(i=0; i&lt;y.length; i++) { document.write(y[i].childNodes[0].nodeValue+&#34;&lt;br /&gt;&#34;); } } function remove(node) { xmlDoc = loadXMLDoc(&#34;dom.xml&#34;); var y = xmlDoc.getElementsByTagName(node)[0]; xmlDoc.documentElement.removeChild(y); alert(&#34;The element &#34;+node+&#34; has been removed!&#34;); } function prove(u) { var x = xmlDoc.getElementsByTagName(u); for (i=0; i&lt;x.length; i++) { document.write(x[i].childNodes[0].nodeValue); document.write(&#34;&lt;br /&gt;&#34;); } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;input type=&#34;button&#34; value=&#34;remove&#34; onclick=&#34;remove(&#39;book&#39;)&#34; /&gt; &lt;input type=&#34;button&#34; value=&#34;prove it&#34; onclick=&#34;prove(&#39;book&#39;)&#34; /&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <h2>更新</h2> <p>这是一个可能有帮助的 XML 文件:</p> <pre><code>&lt;?xml version=&#34;1.0&#34; encoding=&#34;ISO-8859-1&#34;?&gt; &lt;bookstore&gt; &lt;book category=&#34;cooking&#34;&gt; &lt;title lang=&#34;en&#34;&gt;Everyday Italian&lt;/title&gt; &lt;author&gt;Giada&lt;/author&gt; &lt;year&gt;2005&lt;/year&gt; &lt;price&gt;30.00&lt;/price&gt; &lt;/book&gt; &lt;book category=&#34;cooking&#34;&gt; &lt;title lang=&#34;en&#34;&gt;Book 2&lt;/title&gt; &lt;author&gt;Giada&lt;/author&gt; &lt;year&gt;2005&lt;/year&gt; &lt;price&gt;30.00&lt;/price&gt; &lt;/book&gt; &lt;book category=&#34;cooking&#34;&gt; &lt;title lang=&#34;en&#34;&gt;Book 3&lt;/title&gt; &lt;author&gt;Giada&lt;/author&gt; &lt;year&gt;2005&lt;/year&gt; &lt;price&gt;30.00&lt;/price&gt; &lt;/book&gt; &lt;/bookstore&gt; </code></pre> </question> <answer tick="true" vote="1"> <p>我认为问题可能是因为<pre><code>document.write</code></pre></p> <blockquote> <p>页面完成加载后运行的任何 document.write 语句 将创建一个新页面并覆盖当前页面的所有内容 页。</p> </blockquote> <p>证明函数的<pre><code>}</code></pre>语句后面还缺少一个<pre><code>for</code></pre></p> <p>尝试在 <pre><code>innerHTML</code></pre> 或某些 html 元素上使用 <pre><code>div</code></pre> 来解决此问题。</p> <p>除此之外,我没有发现您的代码有任何问题</p> </answer> <answer tick="false" vote="0"> <p>该脚本正在查找名为“dom.xml”的文件 </p> <p>如果将该文件放在与上面页面相同的目录中,您将得到不同的结果。</p> </answer> <answer tick="false" vote="0"> <p>看起来您缺少最后一个函数证明或 for 循环的括号。</p> <p>您也可能想声明</p> <pre><code>var xmlDoc = loadXMLDoc(&#34;dom.xml&#34;); </code></pre> <p>在每个函数之外,或者将其添加到proof()</p> </answer> </body></html>

回答 0 投票 0

“div”是 JavaScript 的 document.createElement 方法中的参数还是参数?

在JavaScript的document.createElement('div')中,'div'是参数还是自变量?在检查 https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement 时,我注意到该部分的标题...

回答 1 投票 0

Apexcharts <svg>属性高度:预期长度,加载其他页面时为“NaN”

我有一个使用 ApexCharts v3.45.1 生成的简单图表。这是在单页应用程序中,当我通过 AJAX 调用获取另一个页面时,DOM 中的原始图表会被故意删除(...

回答 1 投票 0

jQuery 在隐藏父级中显示子级,错误设置显示属性

请看下面的jsfiddle演示: http://jsfiddle.net/Drb8s/ 当您对隐藏父级中的元素使用 jQuery show() 时,似乎会出现此问题。 (然后接下来...

回答 1 投票 0

更改元素的顺序

我正在创建一个浮动宽度的网站。用户在智能手机上使用从全高清分辨率到约 600 像素的屏幕,这似乎是一个不错的主意。这就带来了一个非常有趣的问题。 当...

回答 5 投票 0

removeChild真的会删除元素吗?

removeChild函数真的能彻底删除子节点吗?或者它只是删除指定父节点的子元素?如果它没有真正删除元素,有没有办法

回答 5 投票 0

我的 Etch-A-Sketch 板未上传 DOM

尝试运行以下代码时收到以下错误:由于appendChild,第9行出现空值。我的代码没有读取蚀刻ID吗? ...

回答 1 投票 0

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