如何获取JSDOM中元素的className？
在JSDOM中获取元素的className，可以通过以下步骤实现：
- 使用JSDOM库创建一个虚拟的DOM环境，将HTML代码加载到虚拟环境中。
- 使用DOM选择器方法（如getElementById、getElementsByClassName、querySelector等）选择目标元素。
- 通过目标元素的classList属性获取其className。
具体步骤如下：
- 首先，确保已安装JSDOM库。可以通过以下命令使用npm进行安装：
npm install jsdom- 在代码中引入JSDOM库，并创建一个虚拟的DOM环境：
const { JSDOM } = require('jsdom');
const dom = new JSDOM('<!DOCTYPE html><div id="myElement" class="myClass">Hello, JSDOM!</div>');
const document = dom.window.document;- 使用DOM选择器方法选择目标元素：
const myElement = document.getElementById('myElement');或者
const myElements = document.getElementsByClassName('myClass');
const myElement = myElements[0]; // 如果有多个元素，选择第一个或者
const myElement = document.querySelector('.myClass');- 通过目标元素的classList属性获取其className：
const className = myElement.classList;
console.log(className); // 输出：DOMTokenList { '0': 'myClass', length: 1, value: 'myClass' }通过以上步骤，你可以成功获取到JSDOM中元素的className。
关于JSDOM的更多信息和用法，你可以参考腾讯云的产品介绍链接：JSDOM - 腾讯云
相关·内容
3回答
如何获取JSDOM中元素的className？
javascript、node.js、jsdom
我正在尝试使用JSDOM获取元素的className。我能够找到这个元素，并且我确信它存在。我尝试在网上查找，但找不到如何使用JSDOM查找所述元素的className的示例。
浏览 86提问于2020-06-16得票数 0
1回答
如何在jsdom中获取元素的className？
node.js、web-scraping、jsdom
下面是我尝试过的代码： const domPreParse = new JSDOM(incident); //incident is the html fragment I want to parse= domPreParse.window.document;
const cNameHome = dom.querySelector('[data-type="home-icon"], svg').className; 所以cNameHome返回一个只有第一个类名的
浏览 13提问于2020-06-13得票数 0
回答已采纳
1回答
完全不考虑这样做的用途，我如何测试这样的函数： if (elementDOM.classList.contains(className)) { } else { }当
浏览 5提问于2017-08-28得票数 3
回答已采纳
1回答
等待HTML页面完全呈现，然后执行DOM操作
javascript、html、css、node.js、jsdom
我正在尝试使用nodeJs从网页的DOM中获取特定的元素。为了做到这一点，我使用了jsdom，所有的东西似乎都与常规的网页非常完美，我能够在nodejs中看到DOM，并获取和选择元素。问题是在一些像这样的网页上，当你进入这个页面时，会有一个初始的网页，然后在获取新的数据之后，页面就会发生变化并得到更新。这时我想要的DOM元素出现
浏览 15提问于2022-09-18得票数 0
回答已采纳
3回答
检查元素在Node.js中DOM中是否可见
node.js、jsdom
我想在Node.js中检查元素在DOM中是否可见。我使用库获取DOM结构。有一些方法可以检查元素在客户端javascript中的可见性，但是它不能在node.js中使用jsdom。1) 属性始终为空，甚至对于可见元素也是空的。2) dom.window.getComputedStyle(el).display返回block，但元素的css规则是display: none
const
浏览 1提问于2019-09-05得票数 4
回答已采纳
1回答
如何建立react chartjs-2组件的可视化回归
jestjs、react-testing-library、jsdom、react-chartjs
我试图建立反应图to 2组件的可视化回归测试与反应测试库。但是，正在生成的所有快照都是空的，但组件在浏览器中正确呈现。import {generateImage, debug} from 'jsdom-screenshot';
import {render} from在expect显示0宽度和高度的画布之
浏览 12提问于2022-01-25得票数 1
1回答
Node.js如何在网站完全加载后获得HTML
javascript、html、node.js、web-scraping、browser
我正在使用的node.js与我在浏览器中看到的HTML有很大的不同(使用google检查功能)。我认为这是因为在使用浏览器时，我必须等待一些元素的加载，但在创建请求时不需要等待它们。我如何请求一个完全加载的HTML？如果不伪装成一个真正的使用者(木偶师)，这是可能的吗？
例如，这是我从这个链接中获取一个视频元素的尝试，但是我获取的</em
浏览 1提问于2020-12-05得票数 1
回答已采纳
1回答
JSDom的querySelectorAll函数不检索<div>内部的元素
jestjs、jsdom
jsdom版本15.1.1 jest版本24.9.0 node.js版本10.16.0 我正在尝试通过使用以下命令从脱机html页面获取信息 var summaryInfo = document.querySelectorAll(".className");
Array.prototype.slice.call(summaryInfo).forEach(n => ... } 在本例中，应该返回6个信息数组，但我只得到了2个 完全相同的代码在普通浏览器中工作得很好
浏览 36提问于2019-09-17得票数 0
1回答
获取未接收所有数据的urls数组
node.js、asynchronous、fetch
我有一个urls数组，我想按顺序获取该数组中的每个元素，但是当我运行代码时，我得到了错误的顺序，一些元素丢失了 const fetch = require('node-fetch');const { JSDOM } = jsdom;urlArray = [...]
浏览 25提问于2020-09-22得票数 0
1回答
在React中使用fullpage.js
javascript、jquery、reactjs
我正在尝试制作一个使用fullpage.js的React组件。但是，我在尝试集成fullpage.js库中的javascript文件时遇到了问题。这是我所拥有的(缩写)：
let $ = require('jquery')(require('jsdom').jsdom().defaultView="section">Some section</div
浏览 47提问于2017-07-06得票数 0
1回答
用JSDom在节点测试环境中正确接近“窗口”
javascript、node.js、testing、reactjs、jsdom
我正在使用和JSDom测试我的React应用程序，并在每个测试JS文件的顶部导入以下模块： if (React组件中，我像这样导入了一个：但是，当我运行测试时，我收到以下错误：
SVGPathSeg.prototype.classname = "SVGPathSeg"
浏览 2提问于2016-03-15得票数 1
1回答
使用全局jQuery对象的酶测试Reactjs组件
jquery、reactjs、enzyme
我正在逐步地将Reactjs集成到一个使用HTML5和jQuery构建的web应用程序前端。现在，当我尝试用mount()测试这个组件时，它得到了以下错误如何使jQuery对象可用于已挂载的组件？编辑 import React from 'react';
export default class MySimpleComponent extends React.Component
浏览 2提问于2017-03-02得票数 1
回答已采纳
1回答
JSdom画布-如何截图一页？
node.js、canvas、jsdom
版本："express": "^4.16.3","request": "^2.88.0",var express = requireexpress');var router = express.Router();var jsdom
浏览 0提问于2018-12-10得票数 1
2回答
如何使用jsdom在input[text]元素上创建‘`oninput`’事件？
javascript、jsdom
这是我的jsdom设置。我想测试oninput事件中的input[text]元素。如何触发oninput事件？因为仅仅设置element.value并不会触发此事件。const jsdom = require("jsdom"); suiteSetup(() => {
returnJSDOM<
浏览 4提问于2020-08-02得票数 0
回答已采纳
1回答
用酶/反应测试类名称的CSS
jquery、reactjs、unit-testing、chai、enzyme
我找不到如何在我的react组件中检查div的CSS。如何测试/检查我的div的</em
浏览 3提问于2018-02-12得票数 1
1回答
节点js从302重定向获取cookie
javascript、node.js、http、request、http-headers
当我想在节点中用一个请求来模拟它时，我得到了错误：但当我查看google chrome时，它的响应是空的，但有一个Cookie如何通过节点请求获取此cookie？
浏览 8提问于2018-07-24得票数 3
3回答
jsdom.env:本地jquery脚本不起作用
node.js、jsdom
jsdom.env({ scripts: []它不工作脚本是'‘(它可以使用浏览器) jquery.min.js是jquery-1.5.min.js的副本
浏览 0提问于2011-12-13得票数 3
1回答
运行测试反应测试库后重置document.body
javascript、reactjs、dom、react-testing-library
我的印象是，react测试库会在每次测试之后重新设置它，但是它似乎在重用document，因为在使用debug时，在下一个测试中添加的类仍然是可见的。
浏览 3提问于2022-09-02得票数 1
回答已采纳
1回答
如何在VueJS中测试样式css自定义变量
vue.js、unit-testing、jestjs
我正在VUEJS中创建一个测试，我想获得这种风格。我的组件是这样使用的：我使用以下方法：
如何在测试中模拟var(-color)自定义变量？
浏览 2提问于2021-03-11得票数 0
1回答
使用jsdom获取DOM元素的实际宽度
node.js、jsdom
我想知道是否可以获得DOM元素的实际宽度和坐标，因为我可以在浏览器中使用.clientWidth / .offsetWidth。谢谢!
浏览 6提问于2013-11-11得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
