如何从作为按钮父元素的div中获取特定元素？
从作为按钮父元素的div中获取特定元素可以通过以下几种方式实现：
- 使用JavaScript的querySelector方法：可以使用querySelector方法结合CSS选择器来获取特定元素。例如，如果要获取class为"target-element"的元素，可以使用以下代码：
var targetElement = document.querySelector('.target-element');这将返回第一个匹配的元素。如果要获取所有匹配的元素，可以使用querySelectorAll方法。
- 使用JavaScript的getElementById方法：如果特定元素有唯一的id属性，可以使用getElementById方法来获取该元素。例如，如果特定元素的id为"target-element"，可以使用以下代码：
var targetElement = document.getElementById('target-element');这将返回具有指定id的元素。
- 使用JavaScript的getElementsByClassName方法：如果特定元素具有相同的class名称，可以使用getElementsByClassName方法来获取这些元素的集合。例如，如果特定元素的class为"target-element"，可以使用以下代码：
var targetElements = document.getElementsByClassName('target-element');这将返回一个HTMLCollection对象，其中包含所有具有指定class的元素。
- 使用JavaScript的getElementsByTagName方法：如果特定元素具有相同的标签名称，可以使用getElementsByTagName方法来获取这些元素的集合。例如，如果特定元素的标签为"p"，可以使用以下代码：
var targetElements = document.getElementsByTagName('p');这将返回一个HTMLCollection对象，其中包含所有指定标签的元素。
需要注意的是，以上方法都是使用纯JavaScript来获取特定元素，不涉及具体的云计算产品。
相关·内容
我正在尝试从具有get_attribute('href')模式的元素中获取URL链接。但是，它返回空，就像它没有href一样。
webdriver.find_element_by_xpath('//*[@id="__next"]/main/div[3]/div/section[1]/div/a[1]').get_attribute('href');
如果我手动单击，或者使用click()函数，它将让我找到按钮的URL，因此有一个与该按钮相关的超链接。
元素的html代码如下：
<a data-testid="subc
浏览 15提问于2022-04-13得票数 0
我正在尝试让Selenium与网站上的一个按钮进行交互，但是这个按钮除了class和ng-click之外没有其他标识符。如何告诉Selenium在ng-click (或任何位置)定位该值，然后选择它？下面是我检查按钮时的代码：
另外:这个按钮有一堆不可点击的项目，我真的只想知道如何告诉Selenium我想单击HTML代码中定义的按钮。谢谢!我在Python中工作。该按钮如下所示：：
<div class="col-xs-6 iml-col-xs-12">
<div class="btn btn-create-account" ng-c
浏览 6提问于2021-02-17得票数 0
1回答
在SHTML页面的HTML部分中，我有以下内容：
<div class="block_center_1000_text_left">
<p class="anchor2" >
...
<a class="standard_paragraph_18">
<ul>
<li>Robert Schumann: Papillons Op.2</li>
<li>Frédéric Chopin:
浏览 1提问于2014-11-15得票数 0
回答已采纳
3回答
好吧，这是相当复杂的解释，但我会尽量保持简短。我正在做一个‘应用’，它的一部分功能是使用PHP从文件中提取基于XML的数据，并在其自己的DOMDocument()中显示每个信息块。我的目标是允许用户点击这些显示的div中的任何一个'close‘按钮，然后使用类似于下面的jQuery将它们隐藏起来：
$('input[name=foo]').live('change', function(){
if ( $(this).is(":checked")) {
$('.bar').hide(500);
浏览 0提问于2011-07-18得票数 0
我正在尝试删除一行。但我真的搞不懂。首先，我有一个按钮，可以添加一个新的行，这是可行的。但我想让用户删除刚刚添加的行。行中有一个'div‘，里面有一个inside按钮。但是删除按钮不起作用？
我是不是漏掉了什么？
大家好，
Juki
function addrow() {
$("#container").append("<div id=\"row_added\"><div class=\"deletebutton\" id=\"delbuttonnumber\"></div>&l
浏览 0提问于2010-12-27得票数 0
回答已采纳
我尝试自动检测被点击的div，然后添加特定div的文本。
所以，这就是我想要做的：
$('#sjalland').live("click", function(e) {
e.preventDefault();
$('#searchBoxBig').val('Sjælland, ');
$('#searchBoxBig').focus()
return false;
});
现在，我有6个div必须在点击时激活这个功能(就像#sjalland)。但是现在看起来我必须创建6个相同的函数？
我
浏览 0提问于2011-10-30得票数 0
回答已采纳
这个查询基于我在这里的前面的问题，和我获得了一些关于如何通过元素获取字段的细节。但现在在我的一个屏幕上，我有两个按钮，具有相同的类和div。所以我不能接受我所需要的。我需要有“支票和储蓄”产品的按钮。有人能帮忙如何得到准确的按钮点击吗？我的web应用程序是在AnjularJS上开发的。
这里是HTML的一个完整的div部分，来自识别按钮的页面。
<div class="jl-layout">
<div class="jl-layout-50-50">
<!-- ngRepeat: entry in ctrl.
浏览 1提问于2015-08-31得票数 1
回答已采纳
2回答
为了测试我的应用程序，我使用Selenium、JBehave和JUnit。要在页面中查找元素，我使用WebDriver。
我有网格布局，在网格的每个部分都有我想点击的按钮，如下所示：
getDriver().findElement(By.className("v-button")).click();
但我想从网格布局的特定部分单击按钮：
<div class="v-gridlayout-slot" style="left: 0px; top: 0px;">
<div class="v-verticallayout v
浏览 2提问于2013-02-27得票数 2
如果HTML与以下内容类似，如何使用Jquery获取DIV id或DIV类：
<div class="first" id="first_id">
<div class="second">text sample</div>
<div class="third"><button type="submit" class="some_class" id="some_id" >send</button></div&g
浏览 0提问于2010-07-22得票数 0
回答已采纳
我试图使用下面的代码动态地生成div，但是新div不包含我现有div容器的元素。
Below is the code which I tried:
如何在不为现有div中的每个元素编写附加函数的情况下，动态地将我的内部div的所有元素(都来自inner1和inner2 div)创建到新生成的div中？
此外，如何删除新创建的div使用按钮单击？
$(function() {
$("#add").click(function() {
div = document.createElement('div');
$(div).addCla
浏览 5提问于2015-11-06得票数 0
回答已采纳
我正在将一个jQuery代码转换成vuejs。我做这件事很困难。我试着找了，但找不到任何清晰的东西。
示例jQuery代码用于获取最后一个div的顶部位置。代码如下：
var top = parseInt($(".d1 > .d2> div").last().css("top"));
我的模板代码是：
<template>
<div class="div1" >
<div class="div2" ref="busstop"&
浏览 2提问于2021-01-04得票数 0
1回答
我想在单击具有相同类"box“的按钮时删除所有元素。我查找了几个人们这样做的例子，但我仍然不知道如何为我的代码做这件事。
我有一个函数，当一个按钮被点击时，它将一个框添加到DOM中。
function addBox(newbox) {
var scene = document.getElementById("scene"); //where all new divs will go
var div = document.createElement("div"
浏览 18提问于2013-01-12得票数 1
回答已采纳
1回答
我有一个客户的网站，如以下代码。
这个站点的管理员让我放入我自己的javascript ( myScript.js )。我如何从这一点(DOM操作?)给定的iframe宽度从160px到200px？
<div id="iframeDiv">
<iframe width="160px" scrolling="no" src=/test/placement_content.jsp">
<html>
<body>
<script src="my
浏览 1提问于2013-03-12得票数 0
3回答
在我的角度项目中有一个<div></div>，当用户单击“编辑”按钮来编辑表格中的字段时，它会显示一个对话框。
我刚在对话框中添加了一个“关闭”按钮，但是在正确定位该按钮时遇到了一些问题.
<div></div>的定义如下：
<div class="provContactSelector" *ngIf="payer.showProvContactSelector">
...
<button class= "icon icon-close-selected" ...&
浏览 1提问于2018-09-25得票数 0
回答已采纳
4回答
如何使用jquery获取所有元素的父元素？我希望将这些父代保存在一个变量中，这样以后就可以用作选择器。
例如<div><a><img id="myImg"/></a></div>
GetParents('myImg')；将返回"div a“之类的内容
浏览 2提问于2009-04-14得票数 10
回答已采纳
1回答
我得到了一个内容页面，里面有一些文本，它在容器内是全宽的。然而，我希望文章中的图像是全宽的(不是在容器内，而是在整个屏幕上，所以100%宽度)，为此，容器类需要是‘容器-流体’。但只针对图像，而不是整篇文章。
这个是可能的吗？
让文本听一下：'container‘，把图像改成'container-fluid'？我使用的是bootstrap，所以结构需要保持不变，我不能只在image标签周围添加一个带有类名'container-fluid‘的div。
我的代码的一部分(不需要发布所有内容)
<div class="container relative
浏览 0提问于2016-03-23得票数 0
什么样的XPath表达式允许我在一组嵌套的<div>s中找到任意位置的元素，而只有这些元素？
例如，如何查找除此HTML片段中的最后一个元素之外的所有<a>元素：
<div id="0">
<a href="first.com"/>
<div id="1"></div>
<div id="2">
<div id="2.1">
<div id="2.11
浏览 0提问于2020-08-08得票数 1
2回答
我尝试使用jQuery和jQuery UI来拖动水平放置在<div>中的<ul>元素。
我希望获得位于<li>元素中的按钮的坐标，以便在#the_parent中居中，但每次调整浏览器窗口大小时，我获得的位置都会发生变化，如何才能获得相对于#the_parent的位置
<script type:"text/javascript">
$(document).ready (function () {
$(".button").click (function () {
var
浏览 1提问于2010-11-25得票数 2
回答已采纳
如何从父元素中获取子元素的xy坐标，而不是(Body)？如何从DIV B获取x值到DIV A，以便当窗口调整大小时，值保持为真？
var startPos = $("#divB").position();
$("#divB").draggable({
containment: 'parent',
stop: function(event, ui) {
var stopPos = $(this).position();
$("#firstInput").val((sto
浏览 2提问于2011-12-09得票数 1
回答已采纳
3回答
打印div的内容
、、
下面div的内容是动态派生的:也就是说，一个表格是通过一些按钮动态添加到这个div中的。
我的问题是如何打印这个div(window.print)的内容，而不是页面中的其他内容
<div id="newdiv" name="newdiv"></div>
谢谢。
浏览 0提问于2010-04-04得票数 0
回答已采纳
我有一个带有多个自定义按钮的窗体，这些按钮由于多种原因而被启用/禁用，每个按钮都由作为custom Ribbon Enable Rule的一部分调用的Javascript函数确定。作为启用规则JavaScript的一部分，我想更新按钮被禁用的悬停文本：“此记录缺少Yada”、“您没有访问权限”等。
当前的默认消息是“您可能尚未选择使用此功能的项目。如果您没有使用此功能的权限，请与您的系统管理员联系。”
是否可以从启用规则中对其进行更新？(是的，我知道它将不受支持)如果是，如何支持？
我猜我会使用JQuery，但我不太熟悉选择器来选择那个div…
<span
class="
浏览 1提问于2014-04-16得票数 0
如上图所示，当单击x按钮时，我正在尝试删除该行。
我创建了一个div <div id="records"> </div>，我一直在使用$("#records").prepend(new_record)附加使用jQuery的东西。
实现该行的方式如下：
var new_record = username + " " + $("#client-name").val() + $("#reams").val()+ " "+ "<button id='b
浏览 0提问于2019-02-21得票数 1
回答已采纳
3回答
我们有一个脚本用来编辑某些文件内联。基本上，每个文件都被分成几个部分，将鼠标悬停在一个部分上将打开一组工具(只是一个带有图像按钮的div )，您可以使用这些工具来编辑该特定的部分。我们将父元素(部分)设置为position: relative，并将工具集设置为position:absolute，它们设置在部分的右侧。这一切都运行得很好，特别是因为其中许多都相当小。
然而，我们确实有许多这样的部分，它们可以变得相当大，达到两个屏幕甚至更多的长度。在这些情况下，我们希望工具随着用户的滚动而流动，因此，假设用户正在查看部分的垂直中间，按钮也将停留在垂直中间，但是，如果用户屏幕的垂直中心滚动经过该部分
浏览 1提问于2011-07-08得票数 0
回答已采纳
我有我的主页，其中包含一些PartialViews
这是我的Index.cshtml
<div class="container">
@{
foreach (var summary in Model.Summaries)
{
<div class="partialViewWrapper">
@Html.Partial("_Summary", summary)
</div
浏览 5提问于2017-02-15得票数 0
回答已采纳
我正在使用draggable-dnd库创建一个kanban board React应用。可拖动的div(或“任务”)是应用程序的一部分，我想添加"X“按钮，以便在单击时删除这些可拖动的div。当我将这些按钮放在可拖动对象的div中时，它们会以正确的功能出现。但是，我想让它们的样式正确地固定在右上角。因此，我尝试添加position:'fixed'以及top和right位置。但是当这个CSS被实现时，按钮就消失了。更奇怪的是，当我拖动可拖动对象时，按钮会暂时出现，直到可拖动对象再次被拖放。我尝试将按钮的z索引更改为较高的数字，并将按钮重新包装在div中，但都无济于事。
d
浏览 13提问于2021-05-30得票数 0
回答已采纳
1回答
我想访问在某些事件之后创建的元素。原始DOM中缺少这些元素。
例如-
var inputs = document.getElementsByClassName('some class name');
//do some event to open a new div popup
var newInput = document.getElementsByClassName('new class name in the new div popup');
现在，我如何访问newInput？
如果我什么都不做，那就是undefined。如果我可以以某种方式重新加载/刷新
浏览 2提问于2020-07-13得票数 0
回答已采纳
我有两个街区有相同的html。当我尝试在js中的单击按钮之后添加效果时，它在两个块中都能工作。我怎么才能修好它？谢谢你的帮助。
<div class="class-1">
<div class="red-line"></div>
<div class="first-btn"></div>
<div class="second-btn" style="display:none;"></div>
浏览 1提问于2016-02-12得票数 1
回答已采纳
这是HTML代码：
<div class="item">item 01</div>
<div class="item">item 02</div>
<div class="item">item 03</div>
....
<div class="list">
<ul>
<li>store 1</li>
<li>store 2</li>
&l
浏览 2提问于2014-01-09得票数 1
回答已采纳
1回答
如何使用从数据库导入的值
、、、、
嘿这里的每个人都是我的问题。下面的代码从我的数据库中获取数据，并将其显示在输入字段和按钮中。我希望它是这样的，如果我单击按钮，它应该得到值(从db导入).But，我面临的问题是所有输入和按钮都有相同的ids，所以它只捕获第一个按钮的值(或者我认为是这样)。我如何使它的方式，使我点击的每一个按钮，它应该有自己的单独的价值。
<?php
$dbcon=mysqli_connect("localhost","root","");
mysqli_select_db($dbcon,"codex");
浏览 2提问于2018-07-19得票数 1
回答已采纳
我想把事件道具从一个子项目传递给父级，所以当我们单击“子组件”中的“子组件”按钮时，应该触发“父级状态”。
让我们假设我们有两个组件，Parent和Child，但是Child不会直接导入Parent，如下所示
export default function Parent() {
const [count, setCount] = useState(0);
const handleClick = num => {
setCount(current => current + num);
};
return (
<div>
&l
浏览 4提问于2022-10-28得票数 0
回答已采纳
1回答
我已经创建了一个包含多行的简单表，而且在表中，我定义了选项卡面板，其中有更多的行。
<div role="table" aria-label="Semantic Elements" aria-describedby="semantic_elements_table_desc" aria-rowcount="81">
<div id="semantic_elements_table_desc">Semantic Elements to use instead of AR
浏览 5提问于2022-04-04得票数 0
假设我有：
<div class = "testimonials-wrapper">
<blockquote>...</blockquote>
<blockquote>...</blockquote>
<blockquote>...</blockquote>
</div>
<blockquote>...</blockquote>
<div class = "testimonials-wrapper">
浏览 7提问于2020-05-18得票数 1
回答已采纳
2回答
我有一些定制的单选按钮，这些按钮都是大量嵌套的。我希望子单选按钮在标签中引用它们的父键(出于可访问性的原因)。我计划使用aria-labelledby来完成这个任务。
我最大的问题是单选按钮是动态生成的，所以我需要知道父id是什么。
当前，html的布局如下所示：
<div ...
<input id="cat" name="level-parent" type="radio" value="cat" />
<label for="cat" />
<div>
浏览 5提问于2019-10-21得票数 0
回答已采纳
2回答
如何在jQuery中选择某些类
、、、、
问题是，我有两个div，如下面的一个，类名相同，没有id。我需要根据鼠标光标在这3幅图片上的位置修改<h4>标签下面的<h4>文本。通过使用mouseenter()方法，我使用javascript来完成这个任务。问题是，这个方法改变了整个网页上的每一个跨文本，而不仅仅是鼠标光标所在的类名为“父”的类。
<div class="parent">
<div class="parent.child">
<a href="#"></a>
<div
浏览 5提问于2014-01-14得票数 0
回答已采纳
当选择器元素被单击时，我使用以下jquery隐藏查询中的div：
$(function() { // Shorthand for $(document).ready(function() {
$('.decline').click(function() {
$(this).closest('div').animate({backgroundColor: '#003'}, 'slow').
animate({opacity: 'hide'}, &
浏览 0提问于2014-05-23得票数 0
在select中选择"A&L“时，无线电组被隐藏，其值被设置为"n”。
我试图触发更改事件，以便"Hello"-div也消失，但它不能正常工作--在调试时，我注意到更改事件执行了两次--第一次正确执行，然后使用值"j“再次执行。
我犯了什么错？
下面是完整的代码：
在我看过其他一些问题之后，我觉得.val(['n']).change(); (第24行)应该是有效的-
但我好像还漏掉了什么。
// find elements
var banner = $("#banner-message");
var butto
浏览 2提问于2019-11-30得票数 1
回答已采纳
3回答
当您单击div中的href时，我正在尝试从页面中删除父div。可以有多个相同的div，或者我只使用类名。我尝试使用$(this).remove()；但这只删除了delete按钮。我研究过parent属性，但我不确定是否完全理解它是如何工作的。
这就是我所拥有的：
<script>
$(".delete-button").click(function(){
$(this).remove();
});
</script>
<div class="bottomsurgicalhistory&
浏览 0提问于2013-06-01得票数 1
回答已采纳
2回答
如何从影子DOM中侦听鼠标监控事件。我试过在下面做段代码，但什么也没发生。模板实例是在单击按钮Add之后生成的，我为其注册mouseover事件，并在mouseover时触发该事件。
非常感谢
HTML
<body>
<h1 class="text-center">Test import Node</h1>
<div class="container-fluid" style=" background-color: #FAFAFA"></div>
<div
浏览 3提问于2015-09-06得票数 0
回答已采纳
我正在尝试使用Selenium对我们的网站进行一些自动化测试。我对Selenium IDE非常陌生，所以请原谅我。
我们正在使用高级图表来显示一些数据，但我不确定高级图表是如何实现的。我们有3个div对象在网页上的图表。但是，div的id会改变，如果我要寻找这个特定的元素，我不知道如何处理它。
有大量的HTML需要剪切和粘贴，所以我将只放置div对象，我认为这是其中最重要的部分。因此图表显示在每个div对象中。
例如，在HTML源代码中，div对象是这样的
<div id="numRecs" data-highcharts-chart="3">
浏览 2提问于2014-05-09得票数 1
回答已采纳
我有一个联系人请求系统的HTML：
<div class="request">
<img src=" static/img/user/personalProfilePicture/mod_50_50/f31e80de993a4eff4561d5368fe0a7792c2cbfde.jpg " alt=" Hakan" class="requestPic" />
<a href="#" class="requestName">Hakan Simsir
浏览 7提问于2014-04-15得票数 0
回答已采纳
我的电子商务网站上有一个产品页面，显示六种产品的图片和信息，其中三种是用html硬编码的，三种是用Javascript动态创建的。我希望用户能够点击任何产品，并看到一个弹出模式与该产品特有的信息。有没有一种方法可以实现这一点，而不必为每个模式编写代码？目前，我已经编码了一个模式，当您单击前三种产品中的任何一种时，您将得到相同的模式弹出。同样，我希望能够动态地完成这个任务，但我不知道如何处理这个问题。这是我的代码：
我的代码：
HTML：
<h2>Hardcoded HTML - How to add dynamic modals?</h2>
<div class=
浏览 6提问于2022-04-09得票数 0
我正在使用包装器将事件处理程序附加到页面上的一些按钮。使用下面的代码，我可以在单击每个按钮时获得按钮ID。但是，我需要获取pre标记的内容并连接两个div的内容，以便在单击每个按钮时创建一个命令。
有没有人能帮帮忙。
<code>A0</code>
<code>A1</code>
浏览 30提问于2020-07-31得票数 0
回答已采纳
3回答
我有一个按钮，我希望对一个元素进行修改，该元素是该按钮的父元素的同级。
<div class="parent">
<div class="target"></div>
<div class="child">
<button>Click!</button>
</div>
</div>
我试过使用event.target.closest和类似的东西，就像这样，但我无法让它发挥作用：
function clicks(event) {
浏览 15提问于2022-11-14得票数 0
如何获得按钮的div id，并识别它是否在两个可能的id中的一个？例如，我们有一个调用到动作的按钮，它可能在一个div中，其中包含id="new“或id="current”。以下是几个例子：
<div id="new">
<a href="#" class="btn btn-primary" onclick="cStatus()">Download</a>
</div>
或
<div id="current">
<a
浏览 1提问于2015-04-16得票数 1
回答已采纳
1回答
我目前正在研究一个ASP.NET MVC项目。由于其中一个组件的限制，我正在工作，我的单选按钮需要放置在标签标签。但是，当我试图在上述单选按钮上注册更改处理程序时，将不会调用该处理程序。粗略地看了一眼类似的问题，我就束手无策了。
以下是JavaScript代码：
$(document).ready(function () {
$("input[name=registrationType]").click(function() {
alert("It works!");
});
});
下面是相关的cshtml：
<div c
浏览 2提问于2014-10-01得票数 0
回答已采纳
如果标题描述不够，问题是：
我在页面上有一个元素，一个按钮，一旦单击，它就会将HTML注入到另一个元素中。在被添加的HTML中，有一个带有锚点的div.text_original="Create New Project"，它需要触发一个灯箱(查看FancyBox)，但是，我似乎无法将自定义事件附加到这个锚上。
我无法修改触发初始JavaScript添加的.on()，而且jQuery中的.on()函数也不适合我。
我的密码是：
jQuery(document).ready(function ($) {
$('div[text_original="C
浏览 3提问于2013-09-16得票数 0
回答已采纳
给定$('#test')和下面的DOM，如何选择相应的ted-collapse
<div id='test' class='ted-panel'>
<div class='ted-collapse'></div>
<div class='ted-panel'>
<div class='ted-collapse'></div>
<div class='ted-collapse'>
浏览 4提问于2014-12-16得票数 0
5回答
光标:伪元素IE上的指针
、、、
我正在一个包含CSS文本的元素上实现一个关闭按钮。关闭按钮是从带有content:'X';的伪元素生成内容。我需要光标成为"X“上的指针，所以我使用了：
cursor:pointer;
它在Chrome和Firefox中运行良好，但在(在IE11 windows 7上进行测试)中却不起作用。
(IE中的测试)
我也尝试过使用cursor:hand;，但它解决不了这个问题。如何使光标成为指针，而不是在div的文本上悬停"X“？
相关守则：
div{
font-size:2em;
position:relative;
display:i
浏览 3提问于2014-10-17得票数 18
回答已采纳
2回答
我有一个有多个下拉列表的页面，如：
<div class="btn-group">
<button class="btn">Please Select From List</button>
<button class="btn dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul cl
浏览 3提问于2015-05-15得票数 0
回答已采纳
问题: Vuejs有一个组件(文件上传)，该组件在v-for循环中的父循环中呈现。我向它传递了一个属性，以便有条件地呈现一个移除按钮(基本上是从div类型的预览中移除背景)。如何仅使循环中特定组件对显示/隐藏属性做出反应，而不对其他属性做出反应？例如，v-for呈现了3个FileUpload组件。都有isRemoveBtnShown道具。如何使FileUpload1显示按钮，而FileUplod2 and 3不显示？ 父级： <FileUpload v-for="(field, index) in uploadFieldsToRender"
浏览 16提问于2019-07-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
