dom 相关问题

函数scrollToElement（elementSelector，实例= 0）{ const elements = document.querySelectorAll(elementSelector); if (elements.length > 实例) { 元素[实例].scrollIntoView({

javascript dom

回答 2 投票 0

如何向ExtJs渲染的html添加数据属性？

使用ExtJs 4.1。我正在创建一个面板（例如），我希望生成的 html 包含一个或多个“data-”属性（例如：data-intro="some text" data-step="1"）怎么可以...

html dom extjs attributes

回答 3 投票 0

如果我们有两个名为“按钮”的 html 元素，我们如何选择特定元素并使用 javascript 使用查询选择器向其添加样式</desc> <question vote="0"> <pre><code><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <title>Shopping List</title> <style> .btn { background-color: #333; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; } .btn-clear { margin-top: 20px; width: 100%; font-size: 16px; background-color: transparent; color: #333; border: 1px solid #ccc; border-radius: 5px; padding: 10px 20px; cursor: pointer; } </style> </head> <body> <button class="remove-item btn-link text-red"> <i class="fa-solid fa-xmark"></i> </button> <button id="clear" class="btn-clear"><b>Clear All</b></button> <script> const clearButton = document..querySelector(('button')); clearButton.style.color = 'red'; </script> </body> </html> </code></pre> </question> <answer tick="false" vote="0"> <p>您可以使用按钮 id 来完成此任务</p> <p>示例-></p> <pre><code>const clearButton = document.querySelector('#clear'); clearButton.style.color = 'red'; </code></pre> </answer> </body></html>

</desc> <question vote="0"> <pre><code><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <title>Shopping List</title> <style> .btn { background-color: #333; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; } .btn-clear { margin-top: 20px; width: 100%; font-size: 16px; background-color: transparent; color: #333; border: 1px solid #ccc; border-radius: 5px; padding: 10px 20px; cursor: pointer; } </style> </head> <body> <button class="remove-item btn-link text-red"> <i class="fa-solid fa-xmark"></i> </button> <button id="clear" class="btn-clear"><b>Clear All</b></button> <script> const clearButton = document..querySelector(('button')); clearButton.style.color = 'red'; </script> </body> </html> </code></pre> </question> <answer tick="false" vote="0"> <p>您可以使用按钮 id 来完成此任务</p> <p>示例-></p> <pre><code>const clearButton = document.querySelector('#clear'); clearButton.style.color = 'red'; </code></pre> </answer> </body></html>

javascript dom jquery-selectors

回答 0 投票 0

反应错误：<Route>只能用作<Routes>元素的子元素，从不直接渲染。请将您的 <Route> 包裹在 <Routes>

我是 React 新手，我收到此错误，但不知道如何解决此问题我需要添加 app.js 的链接以导航到 Matter.js 我在后端运行 Python Flask 并从该服务读取数据...

reactjs dom routes

回答 1 投票 0

我在 javascript 中收到此错误 TypeError: codeBlock is null

我正在尝试制作一个简单的页面。这将获取软件名称、存储库链接和解决错误的分支。您转到此页面并粘贴软件名称和链接。点击提交按钮......

javascript html css dom

回答 2 投票 0

是否可以从外部脚本将事件监听器绑定到shadow dom内的元素？

我有一个 chrome 扩展，它将一个 Shadow dom 元素注入到页面中以保持 css 分离。但我需要从内容脚本将 onclick 绑定到 Shadow dom 中的某些元素，因为我......

javascript google-chrome dom content-script shadow-dom

回答 3 投票 0

在 DOM 上更改变量后，如何获取 javascript 中变量的初始值？

我正在尝试获取输入字段中给定部分所需的成分数量。当 dom 上的金额发生变化时，我无法访问 html 中的初始金额。正因为如此...

javascript arrays dom selectors-api

回答 1 投票 0

如何在 NodeJS 中按值获取元素的 CSS 选择器？

我正在使用 Node 编写一个网络抓取工具，并考虑使用像 Cheerio 或 JSDom 这样的模块将 HTML 解析为一组 URL 的 DOM。但是，我有一个必需的特定功能......

javascript node.js dom css-selectors cheerio

回答 2 投票 0

如何使用 Reacts 选择普通 dom 元素

我如何使用 React 选择跟随 dom。我正在尝试将这些代码转换为普通代码以做出反应 html 我如何使用 React 选择跟随 dom。我正在尝试将这些代码转换为 React html <div class="top"> <img src="images/ioootz-3.jpg" draggable="false"/> </div> <div class="scroller scroller-middle"> <svg class="scroller__thumb" xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><polygon points="0 50 37 68 37 32 0 50" style="fill:rgb(24,24,62)"/><polygon points="100 50 64 32 64 68 100 50" style="fill:rgb(24,24,62)"/></svg> </div> <div class="scroller scroller-top"> <svg class="scroller__thumb" xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><polygon points="0 50 37 68 37 32 0 50" style="fill:rgb(24,24,62)"/><polygon points="100 50 64 32 64 68 100 50" style="fill:rgb(24,24,62)"/></svg> </div> javascript代码 let scrollerMiddle = document.querySelector('.scroller-middle'); let scrollerTop = document.querySelector('.scroller-top'); document.querySelector('.middle').style.width = transform+5+"px"; scrollerMiddle.style.left = transform-20+"px"; scrollerTop.style.left = transform-30+"px"; 基本上，如何使用 useRef 来选择那些 dom 元素您可以使用 useRef 钩子来实现此目的。 function YourComponent() { const scrollerRef = useRef(null); // You can access the DOM element with scrollerRef.current return ( <div className="scroller scroller-middle" ref={scrollerRef}> <svg className="scroller__thumb" xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" > <polygon points="0 50 37 68 37 32 0 50" style={{ fill: 'rgb(24,24,62)' }} /> <polygon points="100 50 64 32 64 68 100 50" style={{ fill: 'rgb(24,24,62)' }} /> </svg> </div> ); }

javascript dom react-hooks

回答 1 投票 0

$scope.$evalAsync 与 $scope.$applyAsync

$evalAsync 和 $applyAsync 有什么区别？我的理解是，当我从指令中使用 $evalAsync 时，表达式将在浏览器呈现之前进行计算。作为一个例子...

angularjs dom

回答 2 投票 0

如何获取colgroup中指定的表头（th）的类

有了这张桌子， ... 有了这张桌子， <table > <colgroup> <col class="classname1"> ... </colgroup> <thead> <tr> <th class="classname2" scope="col">title</th> ... </tr> </thead> <tbody> 我可以通过调用来获取表头（th）上显式指定的类名 th = document.querySelector... th.classList // contains classname2 but not classname1 鉴于此，我想获取所有适用的类名。如何获取对应colgroup中指定的类名？您可以为您想要的 colgroup 分配一个“id”，然后使用： const colGroup = document.getElementById("yourId") const yourClasses = colGroup.classList. 它将返回一个包含所有元素类的数组。

javascript dom

回答 1 投票 0

JavaScript 函数返回未定义。循环遍历单击事件的按钮节点列表

在尝试调整我的 console.log 石头剪刀布游戏以使用 GUI 时 - 我已经为用户输入设置了按钮，但我组合在一起的函数始终返回未定义（getPlayerSelection）。

javascript function dom events undefined

回答 1 投票 0

如何阻止 HTML 页面渲染，直到 JS 脚本完成

我使用网站构建器和类似于 Wordpress 的 CMS 构建了一个网站。我想在页面呈现之前运行一个脚本，看看是否需要将用户重定向到另一个页面。目前，我有...

javascript html wordpress dom content-management-system

回答 2 投票 0

如何仅在CSS中存储“状态”？

我正在努力解决一个难题，除了一个重要部分外，我已经解决了大部分问题：想象一下如果你有 5 个 div。一个标题和 4 个部分 (a - d)。每个部分都有一个打开/关闭切换开关...