按类名查找找不到元素
是指在前端开发中，使用CSS选择器按照元素的类名进行查找时，未能找到对应的元素。
在前端开发中，CSS选择器是一种用于选择HTML元素的语法。其中，按类名查找元素是通过类选择器来实现的。类选择器以"."开头，后面跟着类名，用于选择具有相同类名的元素。
当按类名查找元素找不到时，可能有以下几个原因：
- 类名拼写错误：检查类名是否正确拼写，包括大小写敏感。
- 元素未添加对应类名：检查HTML元素是否添加了需要查找的类名。
- 元素动态生成：如果元素是通过JavaScript动态生成的，可能需要等待元素生成后再进行查找。
- 元素嵌套层级问题：如果要查找的元素是嵌套在其他元素中，可能需要使用更具体的选择器来定位。
解决按类名查找找不到元素的方法包括：
- 检查类名拼写：确保类名的大小写和拼写与HTML元素中的一致。
- 使用开发者工具：使用浏览器的开发者工具（如Chrome DevTools）来检查元素的类名是否正确，并查看是否存在其他样式或脚本导致元素无法被选中。
- 使用更具体的选择器：如果元素嵌套在其他元素中，可以使用更具体的选择器来定位，例如使用父元素的ID或其他属性结合类名进行选择。
- 确保元素已加载：如果元素是通过JavaScript动态生成的，可以使用事件监听或异步加载的方式确保元素已经生成后再进行查找。
腾讯云相关产品和产品介绍链接地址：
腾讯云提供了丰富的云计算产品和服务，包括云服务器、云数据库、云存储等。具体针对按类名查找找不到元素的问题，腾讯云没有特定的产品或服务与之直接相关。
腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我将所有人的附属机构整合到oxid商店中。我的问题是，当订单在后台按下“立即发货”按钮时，我找不到调用的方法。谁能告诉我这是什么方法？
浏览 0提问于2012-03-19得票数 1
<div class="writtingArea _editor" contenteditable="true" placeholder="보낼 메시지를 입력하세요."></div> 这是我需要查找并发送聊天内容元素，但如果我尝试使用下面这行代码来查找它， driver.find_element_by_class_name("writtingArea _editor").click() 它给我一个错误，说它找不到元素。所以我尝试通过Xpath来定位它。但它也不起作用。 我该怎么解决这个问题？？
浏览 9提问于2021-07-23得票数 0
回答已采纳
1回答
编辑引导css类
、、
以前有一些关于这个话题的问题，但我有点迷茫，我希望有人能以不同的方式向我解释这一点。
上下文:我正在我的rails应用程序中使用引导(没有更少，不熟悉更少或者它是什么，但这是一个单独的问题)
我一直在自学CSS，当我在rails应用程序中查看application.html.erb文件时，它将某些类称为“导航条”和“容器流体导航崩溃”。我试图找到定义这些类的css文件(这样我就可以自定义它们)，但是我找不到它。到目前为止，我已经尝试过bootstrap_and_overrides.css和application.css.scss文件，但是找不到navbar类。我也尝试过这些链接：，，但是我没有
浏览 4提问于2014-01-03得票数 1
回答已采纳
我有以下几点：
<input data-qa-id="" lion-href-autocomplete="/merchant/assignable-user-
autocomplete" class="input-medium input-large form-control tt-input"
type="text" autocomplete="off" value="mercendes" spellcheck="false"
dir="auto
浏览 0提问于2019-09-26得票数 0
回答已采纳
如何单击此图像中显示的按钮？
我试图找到关键字“看到更多的图像”，但什么也找不到，我希望找到按钮的id，这样我就可以按js按钮了。之后，您可以按下javascript按下的指令按钮。
document.getElementById(\"button_id\").click()
但是Bing的结果不是这样的，我怎么能按js的按钮呢？我是否应该使用另一个解决方案来单击按钮(除了使用必应api)。
浏览 1提问于2017-05-07得票数 0
回答已采纳
我有一个有3个类的元素，我需要用selenium找到这些类。
<button style="padding:2px 7px; background-color:#4caeea"
class="btn btn-xs btn-custom" </button>
我找不到它：By.classname("btn btn-xs btn-custom")
我不想使用xpath & cssSelector。我还有别的选择吗？
浏览 0提问于2018-07-06得票数 4
回答已采纳
正在尝试检查从以下位置更改的元素的屏幕状态：
class="slide-out-div contrastBoxDark closed"
至
class="slide-out-div contrastBoxDark"
然而，使用
Page Should Contain Element class:slide-out-div.contrastBoxDark
返回
InvalidSelectorException: Message: invalid selector: Compound class names not permitted
如果不允许复合类名，那么
浏览 4提问于2018-02-09得票数 2
我正在尝试选择一个选项(而不是从下拉列表中)，然后单击按钮。问题是，我找不到任何类名、id或名称或任何选择器来查找该元素。
我尝试了"By.className="device pcclient selected"，但是出现了一个“不允许使用复合类名”的错误。如何从R1、R2、R3中选择一个选项，然后单击按钮。
浏览 4提问于2022-01-22得票数 1
回答已采纳
我正在尝试创建一个机器人，在BestBuy上为我的购物车添加一台4k电视，作为自学硒的一种方式。在将我的“元素”变量与BestBuy的网站上的按钮相关联时，我遇到了问题。我一直在浏览一些论坛，但找不到有效的解决方案。我通过的HTML找到了这个元素。
下面是我认为是在铬中找到元素的图片：
下面是我的python代码(请原谅我今天刚开始学习Selenium的代码太草率了)：
from selenium.webdriver import ActionChains
from selenium.webdriver.common.by import By
PATH = "C:\Progra
浏览 3提问于2020-11-23得票数 1
回答已采纳
3回答
当我按下关闭按钮时，我试图淡出一个全屏覆盖和一个信息框div，因为某些原因下面的代码不能工作。提前感谢你的帮助，当涉及到JQuery时，我是一个新手！
CSS：
.full_page_overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
background: #626262;
opacity: 0.9;
z-index: 2147483646;
}
.cart_over {
width: 60%;
height: 6
浏览 0提问于2013-07-02得票数 0
回答已采纳
我正在尝试使用Selenium将web抓取指令从IE迁移到边缘。我注意到存在很大的差异，所以当将应用程序指令转换为VBE时，如下所示：
ieObj.Document.getElementsByClassName ("login-button bold"). Item.Click
这在IE中很好，我找不到任何与边缘-Selenium匹配的东西。第一个障碍是Selenium中的"ClassName“不存在，因此不可能用相应的.FindElement实例化它。
有没有人已经解决了这个问题？我该怎么做？谢谢你所做的一切。
浏览 5提问于2022-03-20得票数 0
<tr>
<td width="70"><strong>Director:</strong></td>
<td><a href="/?&director=Zhangke Jia">Zhangke Jia</td>
</tr>
我试着做这个解析器，但是没有工作。
foreach($html->find('strong.Director:') as $titlu) {
echo $titlu->find('a'
浏览 6提问于2015-02-27得票数 0
beforeEach(function () {
html = '<div class="dropdown">'+
'<div class="trigger" >trigger</div>'+
'<div class="dropdown">body</div>'+
'<div>';
inject(function (
浏览 0提问于2014-05-29得票数 18
回答已采纳
假设DOM中的每个元素都有自己的惟一类名：
在使用jQuery？选择DOM中的元素时，更好的做法是使用ID和类名吗?在jQuery？中使用其中一个是否有性能优势？
有人告诉我，传统上通过ID而不是按类获取DOM元素要快得多，而且通常更好，但这也适用于jQuery吗？
事先非常感谢！
浏览 3提问于2011-03-28得票数 6
回答已采纳
在JavaScript/jquery中按id查找和按类查找有效率差异吗？
一个比另一个好吗？如果是这样，是不是因为ID或Class的索引是在DOM中的某个地方创建的？
它最终会变得无关紧要吗？
浏览 0提问于2011-09-09得票数 2
回答已采纳
3回答
如果我使用以下代码：
@FindBy(how = How.XPATH, using= ".//*[@class='leaflet-control-pan leaflet-control']")
private WebElement movingPageButtonsLocator;
找到了元素movingPageButtonsLocator，但如果我使用以下代码，它将找不到：
@FindBy(how = How.CLASS_NAME, using= "leaflet-control-pan leaflet-control")
private We
浏览 4提问于2017-09-07得票数 0
我在app.js中呈现自定义组件
return (
{cards.map((index) => {
return <Card key={index} />
)
在Card中，我将特定的className
return (
<ListItem id="root" className="find-card"> ...
因为<ListItem/>本身是material-ui的一部分，所以它将className转换为
<li class="MuiListItem-root find-
浏览 6提问于2020-05-19得票数 0
回答已采纳
1回答
https://parselsorgu.tkgm.gov.tr/ 在此网页中，我试图在卫星yandex视图中查找元素，但selenium在此部分找不到任何内容。我如何在这个卫星的yandex视图中找到元素。如果我按下“检查”，我可以看到代码，但无法访问它们。 sinir=sinir.find_elements_by_class_name('leaflet-zoom-animated') 获取，错误。它可以从下拉框菜单中获取，但无法获取卫星yandex视图部分
浏览 19提问于2019-09-10得票数 0
回答已采纳
我有一个simpleTogglePanel，如下所示：
<rich:simpleTogglePanel
headerClass="myHeaderClass"
opened="false"
switchType="client" style="border: 0px;" bodyClass="myBodyClass">
<f:facet name="header">
<h:outputText styleClass=
浏览 0提问于2013-04-17得票数 0
回答已采纳
我想在python中使用selenium来读出这个html元素中的文本。我只是找不到一种不使用文本的方法来查找或选择它(我不想这样，因为它的内容会发生变化)
<div font-size="14px" color="text" class="sc-gtsrHT jFEWVt">0.101 ONE</div>
你知道我该怎么选择它吗？文档中列出的传统方法似乎对我不起作用。老实说，我对html不是很在行，因为html并不能让事情变得更简单。
提前谢谢你
浏览 4提问于2021-09-30得票数 0
下面的链接提到我们可以通过提供id来找到元素..。但我找不到它。
按“名称”查找(即元素的文本、标签或开发人员生成的ID a.k.a 'accessibilityIdentifier‘)
我尝试了以下代码：
WebElement el = driver.findElement(By.name("txtLogin"));
其中txtLogin是登录按钮的id。
它规定了以下例外：
org.openqa.selenium.NoSuchElementException: An element could not be located on the page using th
浏览 10提问于2014-03-03得票数 22
回答已采纳
我目前正在努力使用Selenium来通过它的类名选择元素。我使用的网站是：
http://demo.guru99.com/test/login.html
<div class="col-xs-12 col-sm-6">
<form action="success.html" method="post" id="login_form" class="box">
<h3 class="page-subheading"&
浏览 2提问于2020-02-04得票数 0
我正在尝试调试一个链接，但打开的url与href属性中给出的url略有不同。看起来像是某个javascript用来处理click事件之后的链接。
不幸的是，js文件非常大且不可读，所以我找不到更改或处理我的链接的位置。
有没有可能用firebug或chrome开发工具来调试它？
谢谢!
彼得
浏览 0提问于2010-10-30得票数 0
看起来是个愚蠢的问题，但我真的被困住了，任何帮助都会很感激。
我以Junit 4 Web驱动程序的形式导出了一个selenium测试用例，并使用eclipse运行它，它正确地运行并执行所有适当的任务。但是，如果我尝试使用console运行它，它会抛出大量错误。
类似于：
editCampaign.java:318:找不到符号符号:按位置变量:类org.openqa.selenium.example.editCampaign driver.findElement(By.id("submit")).click()；
浏览 11提问于2012-08-20得票数 0
回答已采纳
2回答
如果这看起来非常基本的话，请提前道歉。
我不明白为什么这样做是可行的：
<div id="box">Hello World</div>
<button id="myButton">Click</button>
<script>
let myBox = document.getElementById('box');
let myButton = document.getElementById('myButton');
myFunction = (
浏览 6提问于2017-08-02得票数 0
2回答
有没有办法使用cakephp将您自己的代码放入名称空间？下面这个非常简单的控制器类运行得很好。
class Customer extends \AppModel {
var $name = 'Customer';
}
但是，如果我添加
namespace foo\bar;
cakephp找不到控制器了。有什么方法可以告诉cake应该在哪个名称空间中查找控制器吗？
我使用的是cakephp 1.3和php 5.3。
浏览 1提问于2011-05-14得票数 2
回答已采纳
10回答
当属性包含多个单词时，我遇到了按属性选择节点的问题。例如：
<div class="atag btag" />
这是我的xpath表达式：
//*[@class='atag']
该表达式适用于
<div class="atag" />
但不适用于前面的示例。如何选择<div>
浏览 1提问于2009-09-07得票数 465
2回答
我有以下代码：
namespace A {
struct Foo {
int a;
};
}
struct Foo {
int b;
};
struct Bar : public A::Foo {
Bar(Foo foo) {
c = foo.b;
}
int c;
};
C++编译器在"c = foo.b“处报错，因为A::Foo没有名为b的成员。如果我用::Foo更改Bar参数的类型，它会起作用。
我的问题是，这种行为背后的理性是什么(我认为这与继承使Bar进入A命名空间的事实有关，但我找不到任何文
浏览 2提问于2019-11-28得票数 34
有人能帮我解释一下原因吗：
#id .classname
比：
#id element.classname
从渲染/性能的角度来看？
浏览 0提问于2011-12-14得票数 0
回答已采纳
1回答
我目前正在试图找到这一特定的教科书，并发送它的钥匙。我遇到的问题是我正在尝试使用查找方法。我在这个文本框上尝试了很多变体，却找不到这本教科书。
HTML标签：
<div class="selectize-input items not-full ng-valid has-options ng-dirty"><input type="text" autocomplete="off" tabindex="0" style="width: 187.033px; opacity: 1; position: rel
浏览 5提问于2022-04-15得票数 0
回答已采纳
我只是为了一个菜单而摆弄一个css ul。我的初始css
#nav ul {...}
不起作用，但是
ul#nav {...}
起作用了。这是什么原因呢？
另一个类似的问题是：
div.grey
或
div .grey
注意两者之间的空格...
浏览 0提问于2010-02-22得票数 3
回答已采纳
3回答
我想按类名选择元素，但仅使用特定名称(first-level-li)，前提是存在与我尝试选择的同名的其他类，但后面紧跟其他名称
(<li class="first-level-li no-second-level shop-link">
<li class="first-level-li no-second-level ">)
，我需要忽略它们，我该怎么做呢？示例：
firstLevelMenu = self.driver.find_elements_by_class_name ( "first-level-li" )
浏览 0提问于2017-10-24得票数 1
我想知道如何使用jquery通过类名进行removeClass。我知道如何通过ID来做这件事。我尝试这样做：
var ButtonNumber = document.querySelectorAll(".ButtonStyleClicked");
for (var i = 0; i < ButtonNumber.length; i++) {
var ClassName = ButtonNumber[i];
$('.' + ClassName).removeClass('ButtonStyleClicked');
浏览 2提问于2011-05-19得票数 3
我是Jquery和Js的初学者，我希望当我们按正负键时，它只隐藏主元素，与第一个元素一样。除了按主元素的正负按钮外，它还显示/隐藏了第一个.I想要分别显示和隐藏的元素。
我请求你的帮助
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no,
浏览 11提问于2021-12-08得票数 0
回答已采纳
4回答
如果选择了此元素，我找不到用于验证的唯一元素。需要帮助。元素可能的。
var attr = findElement(By.xpath("//theme-item[@class='list-group-item
xpath-themes-list-item active ng-star-inserted']")).getText()
log("!!")
if (attr.contains("Infor M3A Theme"))
{
浏览 5提问于2019-06-21得票数 0
1回答
我需要选择代码中包含类*_maxim的所有元素，并追加新的类*_david。例如，如果初始类之一是header_maxim，我需要将header_david作为一个新的类名。
浏览 2提问于2013-12-20得票数 1
回答已采纳
在Python / Django的API中，Selenium有函数driver.find_ element /element_by_class_name ()，但没有说明它是否可以用于几个类，我需要选择几个类的元素，如bj，bd，bi，如果可能，如何使用？
浏览 15提问于2017-06-26得票数 11
回答已采纳
1回答
我在SO上看了所有类似的问题，但无法解决我的问题。Selenium似乎没有找到我试图点击的按钮，以便在抓取之前加载更多页面。
在下面的图片中是我试图在做一些抓取之前点击加载更多的的按钮(按钮的类名: btn btn-default)
我所做的:我使用了Selenium的webdriver。我尝试使用睡眠等待页面加载至少5秒。最后使用click()函数。我从这篇 (部分:使用Selenium)中得到了启发
urlpage = '‘
我的代码如下：
driver = webdriver.Firefox()
driver.get(urlpage)
driver.execute_scr
浏览 10提问于2020-06-07得票数 0
回答已采纳
1回答
我使用解析谷歌搜索，但得到的列表是空的。我想用谷歌的“你是什么意思吗？”来做拼写检查。
import requests
from bs4 import BeautifulSoup
import urllib.parse
text = "i an you ate goode maan"
data = urllib.parse.quote_plus(text)
url = 'https://translate.google.com/?source=osdd#view=home&op=translate&sl=auto&tl=en&t
浏览 28提问于2019-11-30得票数 3
我一直在想为什么我们不能在javascript中这样做。
document.getElementsByClassName('class1').getElementsByClassName('class2')
这是行不通的，因为第一个getElementsByClassName调用将给我们一个HTMLCollection，它没有在其中定义getElementsByClassName。为什么会这样呢？这将是以这种方式使用的一个很好的函数，因为它将使您获得基于它们的元素，这些元素具有多个不同的类，而不仅仅是一个。
有没有办法：
在HTMLCollection中按类
浏览 4提问于2018-01-03得票数 5
2回答
基本上，我想做的是，当我按下一个按钮，一个图像出现。当它出现在身体里的时候，一切都很好，但是当我试图使它出现在某些方面时，它告诉我它不是一个函数。
function profile() {
var src = "../trunk/Images/Capture.png";
show_image("../trunk/Images/Capture.png", "Profile");
}
function show_image(src, alt) {
var img = document.createElement("
浏览 3提问于2015-02-26得票数 0
回答已采纳
4回答
当按下按钮时，我想切换(隐藏/显示)一个元素。我有两种方法来实现这一点：
根据元素的类名查找元素，例如$('.my-content')
根据元素对按钮的相关DOM位置查找元素，例如$('#my-button').parent().next().next().next()
然而，在我看来，上述任何一个都不是可靠的，因为如果有人更改了HTML代码，那么上述方法就不应该起作用了。有更可靠的东西我错过了吗？
浏览 7提问于2017-03-09得票数 2
1回答
我试图将类current-menu-item添加到以下div中：
<div class="menu-item menu-item-type-custom menu-item-object-custom jet-custom-nav__item jet-custom-nav__item-6068">
之后应该是
<div class="**current-menu-item** menu-item menu-item-type-custom menu-item-object-custom jet-custom-nav__item jet-custom-n
浏览 3提问于2022-05-07得票数 1
1回答
我想在我的控制台中得到发送者的文本。这是当前的代码，
from selenium.webdriver.chrome.options import Options
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.keys import Keys
opt = Options()
opt.add_experimental_option("debuggerAddress","localhost:1234")
浏览 5提问于2022-11-04得票数 0
3回答
我的文档中有这样一些类的元素：
<div class="field field-type-number-integer field-field-ocenka1">
<div class="field field-type-number-integer field-field-ocenka2">
如何根据某一类(ocenka)的出现情况来做搜索。并加入他的班级。
浏览 5提问于2011-05-10得票数 0
回答已采纳
4回答
更改jquery中的li类
、、、、
我想更改选中的当前li(list)类
$('li.doBlokkeer').click(function(e) {
$(this).addClass('doDEBlokkeer').removeClass('doBlokkeer');
});
$('li.doDEBlokkeer').click(function(e) {
$(this).addClass('doBlokkeer').removeClass('doDEBlokkeer');
});
因此，如果选择了当前的li，则需要更
浏览 1提问于2013-09-19得票数 0
回答已采纳
我想从维基百科上拉一张桌子。当我尝试使用下面的driver.find_element_by_class_name(name)提取它时，它将无法工作。然而，当进入html源代码时，我可以显式地看到我要寻找的类名。
我意识到还有其他方法来拉这张桌子，我已经转向了更简单的方法。我很好奇为什么Selenium在HTML中找不到类。
from selenium import webdriver
driver = webdriver.Chrome(r"\chromedriver_win32\chromedriver.exe")
driver.get(r'https://en.wi
浏览 1提问于2019-08-03得票数 0
回答已采纳
3回答
当我试图在带有类名的div下面找到它时，我找不到，
<div class="large 20 columns">..</div>
我试过dr.findElement(By.cssSelector("div.large.20.columns']"));，但找不到。
请让我知道，有没有办法找到类名与空间使用CSS选择器。
浏览 2提问于2015-06-25得票数 2
如何在CSS网格中按年对div项进行分组，而不在CSS中指定年份？年份作为data-group属性包含在每个div中。我想为.year，.link和.title挑选任何一年的最后一个div，并用边框对它们进行分组。
我需要做一些像下面这样的事情，但它根本不起作用。我需要在不知道是哪一年的情况下按年对项目进行分组。
.year[data-group="unknown"]:last-of-type {
border-bottom: 1px solid gray;
}
<div class="grid">
<div
浏览 3提问于2020-09-01得票数 3
3回答
我的标记：
<ul id="playerControls">
<li class="play-bt"></li>
</ul>
我有一个事件，如果按下play按钮就会触发：
$(".play-bt").bind('click',function(){
$(this).toggleClass('pause-bt');
});
现在我假设play-bt类名已经更改为pause-bt，但是为什么会发生这个事件：
$(".pause-bt").b
浏览 3提问于2012-08-08得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
