dom 相关问题

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

基于路线的条件渲染

我有一个元素,仅当我在“ /”路线上时才显示,如果要更改,我想隐藏该元素,我该如何正确处理?我正在使用react-router-dom来更改我使用的路由...

回答 1 投票 0


JavaScript处理DOM(onclick事件)

我有此代码,每次单击按钮时,该代码应添加一个红色正方形的div。碰巧它添加了我想要的div 1单击是,然后单击1否。这是代码: &...

回答 1 投票 0

无法从html获取javascript用户输入

我知道我应该使用document.getelemtbyID,但由于某些原因,它对我不起作用。我正在尝试构建一个简单的剪刀石头布游戏,其中有剪刀石头布类和一个索引....

回答 2 投票 0

外部CSS文件中带有字体的影子DOM问题

我最近决定使用ShadowDOM在我的项目中封装样式。一开始我以为它能按预期工作,但我注意到某些图标来自...

回答 1 投票 0

由于多个HTML文件,DOM抛出错误

我正在尝试使用javascript创建一个简单的食谱应用。我有3个HTML文件:index.html,create.html,edit.html和2个JS文件。我有几个DOM元素。一个在index.html上,两个在编辑上,...

回答 1 投票 0

对于由变量表示的DOM元素禁用设置形式选择

我正在尝试制作一个表单元素,在这种情况下,选择输入的非活动选项被禁用。作为推荐的解决方案,我在这里遇到了以下代码:$('#elementid option:not(:selected)')。prop('...

回答 1 投票 0

当文档位于禁用元素上时,不会触发该文档的事件

[当我给文档一个mouseup事件时,如果鼠标处于禁用元素中并且我释放了按钮。文档mouseup事件处理程序无法触发。我应该如何让处理程序被调用? ...

回答 1 投票 1

反应:目标容器不是DOM元素

我正在使用rails中的react。但是,当我运行该应用程序时,出现错误:未捕获的错误:目标容器不是DOM元素。我的index.jsx文件看起来像:从'react'导入React;导入ReactDOM ...

回答 1 投票 0

查找我正在动态创建的元素的样式属性

如果我具有CSS样式:.myClass {width:1234px; }以及我通过JS动态添加的元素:document.onload = function(){myParent = document.getElementById(“ parent”);让...

回答 2 投票 1

使用PHP DOMDocument :: loadXML从docx文件导入数学方程和图像

我想将数据从docx文件导入到CRM中,为此我正在使用PHP DOMDocument :: loadXML方法,但是我找不到能够导入数学公式和..的方法。 。

回答 1 投票 0

是否可以测试对未附加元素的CSS选择器查询?

我有此代码:Element.prototype.queryTest = function(strQuery){var _r;如果(this.parentElement == null){_r = Array.prototype.slice.call(document.querySelectorAll(strQuery))。indexOf(this); ...

回答 2 投票 -1

动态创建的元素样式

如何将样式表用于动态创建的元素? //已经为元素.para1 {background-color:orange;定义了CSS样式} ...] >>

回答 2 投票 -1

JS addEventListener无法持续工作

我正在尝试构建一个简单的待办应用。我已经创建了带有删除图标的列表,并且想要在单击相应的删除图标时删除该项目。我的html

回答 1 投票 0

模态中显示错误的值

我已将最初的问题简化为一个可以在JS Fiddle上重现的简单示例。我有一个模态对话框(#popup),其中包含一些s,用V类装饰:

回答 1 投票 0

如何使用JavaScript查找内嵌SVG图像的(x,y)坐标

我正在编写我的第一个Flask Web应用程序。我有一个显示5x5网格的HTML页面。我有一个onClick =“ clickRC(event)属性,用于 ,它包含一个内联 图片。I... ] >>] >> [[ 使用[getBoundingClientRect()] [1]方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>getBoundingClientRect</title> </head> <body> <div id="grid-svg" class="w3-container"> <svg id="svg5x5" width="100%" height="100%" viewbox="0 0 120 120" > <g stroke="black" > <rect fill="white" height="120" stroke-width="2" width="120" /> <line x1="0" x2="0" y1="120" /> <line x1="24" x2="24" y1="120" /> <line x1="48" x2="48" y1="120" /> <line x1="72" x2="72" y1="120" /> <line x1="96" x2="96" y1="120" /> <line x1="0" x2="120" y1="0" y2="0" /> <line x1="0" x2="120" y1="24" y2="24" /> <line x1="0" x2="120" y1="48" y2="48" /> <line x1="0" x2="120" y1="72" y2="72" /> <line x1="0" x2="120" y1="96" y2="96" /> </g> </svg> </div> <script> const elem_svg = document.getElementById('svg5x5') , grid_svg = document.getElementById('grid-svg') ; grid_svg.onclick=event=> { let n = 5 , boxsize = 24 , rectSvg = elem_svg.getBoundingClientRect() , r = Math.floor(1 + ((rectSvg.top - event.offsetY) / boxsize)) , c = Math.floor(1 + ((rectSvg.left - event.offsetX) / boxsize)) ; // console.log(rectSvg) console.log('DEBUG: xbase=' , rectSvg.left, ',ybase=' , rectSvg.top , ',r=' , r ,',c=' , c) // ... Do something with the computed row and column } </script> </body> </html>

回答 1 投票 0

使用Java获取XML的特定值

我具有以下XML。如果EServiceId是使用Java的“ ESRVC2”,如何循环和获取Tag ClientInfo的值? ESRVC1

回答 2 投票 0

Javascript getElementById()。value返回未定义的输入元素[关闭]

我正在尝试制作一个小型Web应用程序,我需要从输入元素中获取值并将它们多次推送到数组中。第一次执行此操作时,它返回的是undefined,...

回答 1 投票 1

v8访问DOM

我想更改v8引擎,以便能够拦截对DOM元素的每次访问。如您所知,v8不会创建DOM树。浏览器创建DOM树。我的问题1:如何/在何处...

回答 2 投票 0


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