我如何获得子元素的位置
要获取子元素的位置，您可以使用JavaScript的DOM API来获取子元素的位置。以下是一个简单的示例，说明如何获取子元素的位置：
// 获取父元素
const parentElement = document.getElementById('parent');
// 获取子元素
const childElement = document.getElementById('child');
// 获取子元素在父元素中的位置
const childIndex = Array.prototype.indexOf.call(parentElement.children, childElement);
console.log('子元素的位置：', childIndex);在这个示例中，我们首先获取了父元素和子元素的引用。然后，我们使用Array.prototype.indexOf.call()方法来获取子元素在父元素的子元素列表中的位置。最后，我们将子元素的位置打印到控制台。
请注意，这个示例仅适用于HTML元素的子元素。如果您要获取其他类型的子元素（例如数组中的元素），则需要使用不同的方法。
相关·内容
2回答
我的网页<div class="col-md-12"></div>中有一个元素。目前，它正在维护父元素的宽度。但是如果我在position: fixed;上应用<div class="col-md-12"></div>，它的宽度就会增加。
如何使用position: fixed;保持先前的宽度？
浏览 5提问于2022-11-15得票数 0
1回答
仅CSS滑动菜单
、、
请参阅以下链接：
我正在试着弄清楚。我不明白的是它是如何工作的--我不能理解为什么子菜单保持隐藏而不干扰页面的其余部分。
请允许我进一步解释--当我尝试创建自己的子菜单时，我的脑海中想的是我必须隐藏和显示子菜单(我使用DIV标记，认为我很聪明)，但当它们可见时，它们将在DOM中占据它们的位置，并移动其他所有东西(这显然是我想避免的，但并不完全知道如何实现)。当我尝试使用JS制作我的应用程序时，它并没有像我想要的那样工作。我将嵌套的DIV标签(子菜单)的“display”和“visibility”属性分别更改为“none”和“like”，直到onmouseover事件，它就不能正常工作，我也不
浏览 4提问于2012-10-23得票数 0
我需要将一个元素与它的“祖父母”的边缘对齐。
以下是代码的一个示例：
<div id='grandparent'>
<div class='parent' style='display:inline-block'>
<div class='child'></div>
</div>
<div class='parent' style='display:inline-block'>
<div cla
浏览 0提问于2013-04-10得票数 5
回答已采纳
2回答
如何:在DockPanel中创建C# (WPF)
我正在尝试创建一个DockPanel。到目前为止，DockPanel看起来还不错。唯一的问题是，它不符合我想要的-请看下面的截图：
我希望“管理”和它的内容一样高(高度)，假设在DataGrid中有10个元素(下面的白色区域)。现在我要把它固定在左下角。现在，当我把窗户变大的时候，我想要“Gesch ftskontakte”来填满剩下的空闲区域。因此，我必须这样做：
<!-- Left / Right -->
<DockPanel DockPanel.Dock="Left" Name="
浏览 4提问于2014-05-15得票数 2
回答已采纳
如何使用html Agility Pack获取Html页面上的所有divs。我正在尝试获取所有的I并将它们放入一个集合中。
<p>
<div class='myclass1'>
<div id='f'>
</div>
<div id="myclass2">
<div id="my"><div id="h"></div><div id
浏览 2提问于2012-07-18得票数 3
回答已采纳
我不确定这是否是合适的位置，但我想知道是否有任何方法可以通过使用RubaXa的可排序库来移动表的整个列。我创建了一个表，并使标题可排序，但我不确定如何将表体绑定到标题。
I had to have code to pose jsfiddle.
如果我移动价格，我希望整个列都更新，而不仅仅是标题。
谢谢!
浏览 0提问于2016-02-02得票数 0
我需要在div (而不是直接子)中滚动某个元素到视图中。
基本上，我需要提供的相同功能，但对于指定的父级(只有这个父版本应该滚动)。
此外，我不可能使用任何第三方库。
我不太确定如何处理这个问题，因为我做的JavaScript开发非常有限。有人能帮我吗？
我找到了完全可以满足我需要的，但不幸的是，它需要JQuery，而且我无法将它转换为普通的JavaScript。
浏览 6提问于2017-07-31得票数 14
回答已采纳
1回答
我有一个非常简单的用例，其中我想要将文本块稍微向右或向左移动视口中的中心。 // html文件 <div>
Hello
</div> // css文件 body {
height: 80vh;
background-color: grey;
text-align: center;
} 这会使文本居中，但如何将其稍微向左或向右移动到中心点。
浏览 24提问于2020-12-10得票数 0
我有一个SVG元素定义的宽度和高度为“297毫米”和“210毫米”，没有查看框。我这样做是因为我想在A4视图中工作，但是我想创建像素元素。
在某种程度上，我需要扩展一个以像素为单位定义的对象，以便它适合于A4页面的一部分。例如，我可能有一个对象是100 px宽，我想要缩放到30毫米水平。
这个是可能的吗？我想我需要一个新的协调系统的第二个容器，但我找不到任何方法。
编辑
似乎我(或SVG)误解了像素是什么。我意识到我可以将一条线的大小调整到100%，然后用getBBox获取它的像素大小，以找到所需的缩放。我编写了这段代码，并在两个客户机上运行它，一个具有1280x1024监视器(80dpi)，
浏览 5提问于2012-05-16得票数 10
2回答
我会尽我所能解释我的情况。
我有一个网站，它显示的DIV区块列表与信息在里面。使用宽度创建了3个DIV块:33%
在这个div块中，我想要另一个隐藏的div块，它与前一个div块完全相同。
所以我有这样的东西..。
<div class="columnParent">
<div class="columnChild">
"Various stuff here that overlaps parent DIV"
</div>
"Various
浏览 3提问于2013-08-10得票数 1
2回答
如果多个元素具有相同的名称，并且元素没有唯一的id。我们如何使用we进行自动化测试？
是否可以使用可点击点坐标来实现自动化？
浏览 1提问于2017-09-11得票数 0
1回答
网页上的自动标注和标记
、、、、
我想从浏览器窗口自动创建屏幕截图，并在网站上注释一些元素。
我想写这样的东西：(伪代码)
注意元素“# login”的右侧：“这是登录按钮”
这张便条应该加上。
显然，我必须在CSS和/或Javascript中直接这样做，因为截图后元素信息将丢失。
在这方面有什么可能的方法？
我感兴趣的是
某些HTML元素旁边的便笺、箭头等的相对位置
箱体自动定位避免重叠
还有任何可能在这个案子中有用的东西。
我张贴了一份可能的解决方案草案，并希望有其他办法和更好的办法。
我还对已经存在的模块(jQuery或其他模块)感兴趣，以便在这里提供帮助。
浏览 4提问于2013-06-06得票数 0
回答已采纳
我有以下问题：
我想要像这样编写jsx代码
<div className="my-section">
<Window>
<div>Window content</div>
</Window>
</div>
<div className="window-container">
</div>
在我的react内容中的某个位置，但我希望该窗口与其他窗口一起呈现在一个特殊的DOM元素中，例如
<div class="my-section
浏览 0提问于2016-02-04得票数 1
2回答
我使用的是Dart和聚合物1.0.0-rc.9。我有自己的元素(当然在这里简化了)：
<dom-module id="something">
<style>
</style>
<template>
<paper-slider id='myslider'></paper-slider>
<div id='mydiv'></div>
</template>
</dom-module>
在Dart方面，如果我这样
浏览 4提问于2016-01-09得票数 2
2回答
我有一个简单的导航栏与HTML列表。
最初的结构是这样的：
<div id="menu">
<nav>
<ul>
<li><a href="#">My Profile</a></li>
<li><a href="#">Inbox</a></li>
<li><a href="#">No
浏览 1提问于2013-07-03得票数 0
回答已采纳
我在Mainwindow of WPF中有一个简单的WPF。
首先，我在画布上添加一个高度和宽度为100和Zindex为0的矩形。在此之后，我将在相同的画布上添加一个类似的红色矩形和Zindex为0的矩形。
这是我的密码：
var R1 = new Rectangle();
R1.Height = 100;
R1.Width = 100;
R1.Fill = Brushes.Blue;
Canvas.SetLeft(R1, 100);
Canvas.SetTop(R1, 100);
浏览 8提问于2014-02-03得票数 0
回答已采纳
2回答
如何在元素的一侧内部产生边框的效果？
我的目标是创建一个标记，从垂直列表中指示当前选定的项。例如，在下面的模型中，选择了第三项：
因为这是一个可更新的状态，我通过给li标记一个class="active"来设置它，所以我一直沿着::after伪元素的路径前进。
我得到的最接近的是：
ul li::after {
background-color: #fbc123;
content: "";
float: right;
height: 40px;
position: abso
浏览 10提问于2014-04-15得票数 1
回答已采纳
我正在尝试改变身体的孩子的位置。我显然不明白如何做到这一点，但我认为，如果下面的代码可以工作，那将是很新奇的：
var temp = $('body').children()[0];
$('body').children()[0] = $('body').children()[1];
$('body').children()[1] = temp;
不幸的是，对我来说，它不是。我已经搜索并找到了.add()方法，但是我不知道如何添加到父级的开头/我不知道如何删除另一个子级。
我很感谢你的帮助。
浏览 0提问于2010-10-17得票数 3
回答已采纳
3回答
基本代码：
<div parent>
<div wrapper>
<div child></div>
</div>
</div>
基本计划：
该方案显示了我希望如何定位子元素。默认情况下，它位于父元素的左侧，但我希望它位于父元素的右侧。因此，如果子元素的大小增加，它将从包装器的左侧突出，而不是包装器的右侧。
孩子要保持位置:静态的.
谢谢。
浏览 2提问于2015-10-11得票数 1
2回答
我在使用简单XML获取特定名称空间值时遇到了问题。
下面是XML文件的一个片段：
<message xmlns:blend="http://www.blendlabs.com"
xmlns:ulad="http://www.datamodelextension.org/Schema/ULAD"
xmlns="http://www.mismo.org/residential/2009/schemas"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns
浏览 7提问于2021-06-02得票数 2
回答已采纳
2回答
编辑：
从本质上讲，我的问题似乎是希望把overflow-y:hidden; overflow-x:visisble;**.和结合起来这似乎违反了规范。如果有人知道解决办法，一定要让我知道:)!**
当我尝试使用position: absolute;或position: relative;将一个div稍微定位在它的父div之外时，父div会得到一个滚动条。
我不想要滚动条。但是很明显，当我使用overflow: hidden;的时候，子div在父服务器之外的位置就会被切断。
如何在不出现滚动条的情况下，使父服务器外部的位可见？
编辑：
忘了提了。外部div需要有overflow-y:hidd
浏览 3提问于2017-04-04得票数 0
当显示键盘时，我将模态视图向上移动，以防止键盘隐藏接口的某些部分。
当视图被移动时，工具栏“取消/保存”按钮不会响应点击。检测到模态内的抽头，并进行良好的响应。
我已经设置了它，以便键盘在文本字段外敲击时会被关闭，但这在点击导航栏时也不起作用。
当视图被偏移时，我如何才能对男爵按钮的点击做出适当的响应？
下面是我在显示键盘时如何将模式向上移动：
- (void) animateTextField: (UITextField*) textField up: (BOOL) up
{
int movementDistance;
float movementDuration;
浏览 4提问于2012-09-17得票数 3
回答已采纳
1回答
例如:我添加子矩形(2，3)到主矩形(1)。
看起来像一个接一个的3个矩形。
parent.add(obj);
但是如果我改变父矩形旋转(1)，这会导致孩子改变位置和旋转(！)和祖先在一起。
如何更改位置和保存旋转？
浏览 0提问于2016-06-21得票数 0
我有以下html：
<li class="company-area" >
<div ng-click="showJobs($event)" >
<div class="title"><br>Some stuff</div>
<div class="details" style="display: none;">
Some other
浏览 1提问于2014-05-04得票数 0
回答已采纳
它是一个bug，还是我不理解React & Redux的概念？我的应用程序是由父组件和子组件组成的。它们由redux connect连接在一起。父元素知道有12个子元素并对它们进行映射，但是**React映射子元素是从第二个元素开始的，而不是第一个。最后，它试图映射元素12+2及其应用程序崩溃，“元素的值是未定义的”。
我试图在父文件中传递索引而不是id。
map(el, i => <Fragment key={i}><Comp/></F...>
。但这款应用程序还没有崩溃。这是
我解决了我的问题，只是从子组件中删除了redux，然后直接用道具
浏览 0提问于2019-02-01得票数 0
回答已采纳
1回答
我有一个自引用表'comments‘，其中comments.replyToId引用了comments.ID。
我的问题是，如何查询具有自引用表的数据库，以获得排序正确的结果，以便在PHP中将结果表示为树？
我试过了
select * from comments as comments_1
left join comments as comments_2
on comments_1.id = comments_2.replyToId
我正在尝试在php中使用这个结果。
浏览 0提问于2012-01-30得票数 1
回答已采纳
我需要为我的android应用程序创建一个具有listview的小部件。所以我在谷歌搜索，发现下面有一个链接。
我遵循了上面提到的链接。一切都很完美。但是我不能打印列表视图的子项。
Widget_Layout
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/
浏览 0提问于2015-04-16得票数 0
回答已采纳
我试图理解一个程序，其中的任务是找出有多少子数组是可能的，其和等于给定的值。
下面是从获取的具有O(N)复杂度的工作代码
static int findSubarraySum(int arr[], int K) {
Map<Integer, Integer> prevSum = new HashMap<>();
int res = 0;
int currsum = 0;
for (int i = 0; i < arr.length; i++) {
currsum += arr[i];
if (curr
浏览 0提问于2019-09-16得票数 0
回答已采纳
1回答
我目前正在尝试为整数元组实现trie数据结构。并已执行如下：
import java.util.ArrayList;
public class TrieNode {
int num;
ArrayList<TrieNode> links;
boolean endOfTuple;
public TrieNode(int num)
{
this.num = num;
links = new ArrayList<TrieNode>();
this.endOfTuple = false;
}
}
然后我有一个trie课程如下：
public cla
浏览 5提问于2013-03-23得票数 0
1回答
我正在尝试在文档树中删除和添加类似的节点
Element firstItem = (Element) links.item(0);
Element element = (Element)firstItem.cloneNode(true);
int length = links.getLength();
while (0 != length) {
System.out.println("removing element #" + l + " Length: " + length);
Element link1 = (Element) links.i
浏览 3提问于2010-07-12得票数 0
1回答
我在上解决一个问题
给定一个整数数组arr。返回带有奇数和的子数组的数目。由于答案可能会变大，答案必须计算模10^9 + 7。
对于arr = [1,3,5]，输出是4。
其中一个是这样的：
int numOfSubarrays(vector<int>& arr) {
int odd = 0, even = 0, sum = 0;
for (int n : arr) {
if (n % 2) {
swap(odd, even);
++odd;
}
else
浏览 3提问于2020-07-28得票数 0
回答已采纳
在可拖动的元素中，我有辅助‘图标’，我正在使用它作为拖动的视觉指示器。但是，当我给可拖动元素填充时，jQuery将左上角作为辅助对象的开始和恢复位置，而不是它的实际位置，请参见
这是一个bug，还是我弄错了设置？
浏览 0提问于2011-11-16得票数 0
回答已采纳
1回答
我已经构建了我的自定义下拉列表，它的css属性中有一个具有固定宽度和overflow:hidden的父容器。当元素位于div底部时，如下所示：
我喜欢检测按钮是否位于div的底部，然后将下拉位置更改为底部，其位置为position:absolute;top:30px;。
我的问题是如何检测div是否位于父div的底部。
引导下拉式工作。
我有相对容器和绝对下拉
浏览 1提问于2015-01-16得票数 0
回答已采纳
所以我想把我的情节串连图板移到一个ResourceDictionary文件中，但我在做这件事上遇到了麻烦。我已经到处找过了，它涉及到让“资源”可共享，但是当没有x:Shared属性时，我该如何在silverlight中做到这一点呢？以下是代码
<Storyboard x:Key="GreenButtonLight" >
<ColorAnimationUsingKeyFrames BeginTime="00:00:00"
Storyboard.Targ
浏览 0提问于2010-03-30得票数 1
回答已采纳
我试图用这段代码得到一个元素的顶部偏移量，但它不起作用，每次都得到相同的位置，即108，而且不改变，尽管页边距顶部只有100 is。
$(function() {
$(window).scroll(function() {
var container= $("#container");
console.log(container.offset().top);
});
});
HTML代码：
<div id="container" style="float: l
浏览 3提问于2014-09-19得票数 0
回答已采纳
1回答
我从一个外部框架得到了一个带有XAML元素的Canvas，所以这个Canvas对我来说就像一个黑匣子。如果我按下一个控件，就会引发一个带有EventHandler(object sender, EventArgs e)的事件...我确实需要在我单击的位置显示一个Popup控件...
现在我在问自己，我从哪里可以得到我想要的职位?!?？有没有容易得到这个职位的方法？
浏览 0提问于2013-02-20得票数 0
回答已采纳
我正在编写一个C# XAML Windows Store应用程序。我的页面上有一个网格。我将一个子元素添加到该网格中，然后立即尝试获取该子元素的父元素。父级为null。似乎没有一种方法可以从子元素中获取父网格。这里有一些代码来显示我正在做的事情。这并不是那么复杂：
下面是添加子元素并尝试获取父元素的代码：
FrameworkElement FieldView = Field.getView( true );
ContentPanel.Children.Add( FieldView );
Panel theParent = VisualTreeHelper.GetParent(FieldView
浏览 0提问于2013-10-01得票数 1
2回答
这与询问如何在iOS中实现wrap_content是相同的。
然而，我没有找到合适的解决方案。几乎所有的解决方案都建议覆盖intrinsicContentSize()。如果视图不知道有关其子对象高度的任何信息，该怎么办？
情况是这样的：
我想创建一个负责模糊背景和显示对话框容器的BaseDialogViewController。然后，如果我想实现一个对话框，我将扩展BaseDialogViewController并将对话框内容添加到容器视图中。
因此，容器需要根据里面内容的总高度来调整高度。
我该如何实现这一点？
浏览 0提问于2018-02-01得票数 4
5回答
我理解，通过将父div设置为position:relative，如果我使子节点的位置是绝对的，那么子节点的位置在父级中将是绝对的。如果我想使外孙完全位于子级内，我将如何做到这一点，因为子级已经设置为position:absolute了？对不起，如果这个问题很奇怪，任何帮助都很感激。
HTML：
<div id="parent">
<div id="child">
<div id="grandchild"></div>
</div>
</div>
</div>
CS
浏览 2提问于2014-01-03得票数 1
回答已采纳
我在试着在模式之后找到第一个角色。
即
border-top-color
padding-top
/-[a-z]/g
选择：
border[-t]op[-c]olor
padding[-t]op
我想选择：
border-[t]op-[c]olor
padding-[t]op
如何才能在选定的模式之后获得第一个字符？
浏览 9提问于2015-05-15得票数 0
回答已采纳
2回答
我想知道如何在jQuery中获得父级位置和宽度。例如
<ul id="menu"><li>Parents</li>
<ul><li>Child</li></ul>
</ul>
我的jQuery：
if($('#menu > li > ul').children('li').hasClass('current-menu-item')){
//do animate
left: $(this).parent
浏览 0提问于2014-05-31得票数 0
回答已采纳
我尝试使用MouseMove事件来跟踪鼠标的位置。
protected override void OnMouseMove(MouseEventArgs e)
当鼠标位于给定的UIElement (在本例中，是我的应用程序的窗口)上时，这是有效的。但是，我想访问此数据，而不管鼠标在哪里，甚至最好是不管我的应用程序是否具有焦点。
我认为Mouse.Capture是解决方案，并且我已经使用它来捕获到我的窗口，但是MouseMove仍然只有当鼠标在窗口上时才被引发。
有谁知道如何获得独立于鼠标位置的MouseMove事件(或类似事件)？
浏览 1提问于2009-01-15得票数 1
在，我有一个部分中断的动画；一致的跨浏览器(Mac)测试会引发同样的行为。
其目的是将令牌移动到任意的位置，然后将其动画化到适当的位置；您可以在当前的主页中看到这种功能基于每个字符。
引擎在words.html页面中有很大的相似之处：
function journey(index, starting_x, starting_y, target_x,
target_y, starting_opacity, target_opacity, delay, radix) {
if (isNaN(starting_x) || isNaN(starting_y) || isNaN(target_x
浏览 0提问于2014-01-27得票数 0
回答已采纳
和搜索栏不想玩得很好。你可以在页面加载中看到两个，它们都工作正常。现在点击播放img的第一个或第二个div，就会出现一个栏。当您单击那里时，条形图并不精确。它偏离了几个像素。
this.offsetLeft给了我0而不是10，这打破了这一点。我该如何修复它？
-编辑-我仍然不明白为什么，但我决定再看一次，并删除了我粘贴的随机css。我删除了这一行，它起作用了。我不确定这个块是做什么的，但我知道如果没有这行，它现在看起来是一样的。player还没有完成，所以也许我需要这个并重新考虑这个问题
position:relative;
浏览 0提问于2010-11-04得票数 3
<employees>
<employee>
<firstName>Lokesh</firstName>
<lastName>Gupta</lastName>
<department>
<id>101</id>
<name>IT</name>
</department>
</employee>
</empl
浏览 18提问于2020-06-17得票数 0
回答已采纳
我在试着理解跟踪any-attribute-selector是如何工作的.
$('td[abbr="Role"] >div')
主要问题是:这个选择器是否选择dom元素？
第二个问题是选择器如何识别结束括号后的字符串。
] >div'
最后一个问题是，像这样的网站，我可以看到由选择器找到的元素。在jsfiddle.net中，我想我看不到也找不到，并且确定我找到了特定的元素。因为和其他浏览器一样，只是在幕后查找元素，所以就把放在一边。
浏览 1提问于2013-04-27得票数 0
回答已采纳
2回答
我想知道是否有任何方法可以让孩子比它的父母更透明。我需要通过比它所包含的div更多的内容来制作一个div秀，有什么方法可以用CSS实现这个目的吗？
这就是我的目标:我有一个不透明度为0.6的背景，左边的元素是0.8，所以它更暗，但我需要右边的元素更透明。将alpha设置为小于父对象的值不起作用，它只是与其父对象匹配。
浏览 0提问于2012-10-24得票数 0
回答已采纳
1回答
我有一个函数来创建一个类似的二维直方图的网格。因此，我可以选择是否将这个新的地块放在一个预先存在的数字上，我做以下工作：
def make_hist2d(x, y, current_fig=False, layout=(1,1,1),*args):
if current_fig:
fig = _plt.gcf()
ax = fig.add_subplot(*layout) # layout=(nrows, ncols, nplot)
else:
fig, ax = _plt.subplots()
浏览 3提问于2015-10-06得票数 3
回答已采纳
我目前的代码工作得很好：
CSS：
#center
{
background:#781111;
color:#fff;
position:absolute;
left:50%;
margin-left:-50px;
width:100px;
}
#c
{
position:absolute;
right:0;
background:yellow;
color:#781111;
width:10px;
}
HTML：
<div id="center">
<div i
浏览 1提问于2015-04-30得票数 2
回答已采纳
我正在做一个React Table。我有一个列，其中的数据单元格有一个扩展器图标。如果我们单击扩展器，将打开/显示弹出页面/工具提示。
现在我有两个问题- 1.如何显示弹出页面/工具提示相对于单击扩展器的数据单元格的wrt。例如，age有1000行。有分页和页面大小。因此，假设单击第4行时弹出框/工具提示的位置与单击第7行时弹出框/工具提示的位置不同。您看到的黄色小东西是我的弹出页面/工具提示
在我的代码中，无论我单击特定列的哪个行单元格，弹出窗口都固定在相同的位置。
我想知道如何显示弹出页面相对于数据单元格中的扩展器被单击的wrt。基本上改变顶部和左边就可以了。但是我怎么才能实现。
浏览 1提问于2019-01-03得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
