js查找当前标签的父级标签，js 获取父标签下的子标签

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

js获取父级元素

1、演示代码写好后，打开浏览器，在浏览器上运行看看效果。下面在head区域里添加实现js获取最高父级的代码，代码具体如下，这样利用了while循环来判断的。实现好后，保存代码，此时再到浏览器上刷新访问，看下，此时弹出对话框告诉最后父级是zufu。

2、var chils= s.childNodes； //得到s的全部子节点 var par=s.parentNode； //得到s的父节点 var fc=s.firstChild； //获得s的第一个子节点 var lc=s.lastChile； //获得s的最后一个子节点 } 建议：使用jquery来获取父级节点跟子级节点会更方便。

3、首先通过js获取到当前img对象，可以使用document.getElementById()的方式，然后通获取到的对象的parentElement属性指向的就是当前元素的直接父级元素。

相关问答

Q1: js/jquery如何获取获取父窗口的父窗口的元素

1、search获取到查询字符串“？btnid”，你自己去掉问号，就可以获取到父页面的btnid了。

2、经测试：一。找子窗口中的元素，用contents().find()的方法可以实现。比如：var w=$(#bb).contents().find(#c).contents().find(#ni).html()；找到当前页面中id为bb的iframe下的id为c的iframe下的id为ni的html()二。

3、打开编辑工具editplus，点击editplus菜单栏上的【File】--New --HTML page。新建好html页面后，editplus自动帮助我们生成了框架，先把title修改下，然后保存。在body区域里添加了子，父，祖父三级div，代码如下。演示代码写好后，打开浏览器，在浏览器上运行看看效果。

4、首先创建一个div，里面再创建一个p元素，通过p元素来获取他的父元素div。接下来我们用js来获取p元素。这样我们就得到p元素，并获得了它的值，看看结果。接下来我们就来获取这个p元素的父元素。

5、closest会首先检查当前元素是否匹配，如果匹配则直接返回元素本身。如果不匹配则向上查找父元素，一层一层往上，直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。

Q2: JavaScript怎么获取一个元素的父级元素?以及子级元素

del_ff(s)； //清理空格 var chils= s.childNodes； //得到s的全部子节点 var par=s.parentNode； //得到s的父节点 var fc=s.firstChild； //获得s的第一个子节点 var lc=s.lastChile； //获得s的最后一个子节点 } 建议：使用jquery来获取父级节点跟子级节点会更方便。

首先创建一个div，里面再创建一个p元素，通过p元素来获取他的父元素div。接下来我们用js来获取p元素。这样我们就得到p元素，并获得了它的值，看看结果。接下来我们就来获取这个p元素的父元素。

打开编辑工具editplus，点击editplus菜单栏上的【File】--New --HTML page。新建好html页面后，editplus自动帮助我们生成了框架，先把title修改下，然后保存。在body区域里添加了子，父，祖父三级div，代码如下。演示代码写好后，打开浏览器，在浏览器上运行看看效果。

代码的test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。var b =document.getElementById(test).childNodes；使用childNodes获取子节点的时候，childNodes返回的是子节点的集合，是一个数组的格式。

通过ID获取元素使用getElementById方法，我们能够精确定位具有特定ID的元素。在标准浏览器中，这个方法非常有效，如：console.log(document.getElementById(div1))； // 获取具有指定ID的元素需要注意的是，在IE6和7中，表单元素的name属性会被误用为ID，且不区分大小写。

parentNode.childNode：parentObj.firstChild：如果节点为已知节点（parentObj）的第一个子节点就可以使用这个方法。这个属性是可以递归使用的，也就是支持parentObj.firstChild.firstChild.firstChild...的形式，如此就可以获得更深层次的节点。

Q3: 怎么用原生js去找父级里的子元素

var a = document.getElementById(test).getElementsByTagName(div)；代码的test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。

从一个索引序号，很容易得到该索引对应的子节点或者子元素，直接用parentNode.childNodes[index] 或 parentNode.children[index] 就行。但反过来，已知一个节点或元素对象，要知道它的索引序号则没有那么直接了。一些特殊的元素，HTML DOM有对应的属性表示其索引序号，主要是表格的TD 和 TR 元素。

javascript中获得元素个数用的函数是length属性，也就是在获取的dom元素的时候返回dom的个数。

字符串有length属性，是获取字符串的长度数组也有length属性，是获取数组的长度。

新建一个html文件，命名为test.html，用于讲解JS如何获取指定DIV下的子元素LI的值。在test.html文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目项目二。在test.html文件内，设置div标签的id为mydiv，主要用于下面通过该id获得mydiv对象。

Q4: 我要怎么取得父级DIV的ID呢?

1、获取所有的div。？vara=document.getElementsByTagName(“div”)找到想要获取的那个div的对象.id。a[10].id。带id的css就在前面加#就好了，比如divid=div1，那么在css里调用它就可以写成#div1{样式设置}。就可以了。CSS全称为CascadingStyleSheets，中文翻译为“层叠样式表”，简称CSS样式表。

2、新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一行文字，文字内容为“这是测试的文字内容”。在test.html文件内，设置div的id属性为abc，用于下面通过该id获得div对象。在test.html文件内，使用button标签创建一个按钮，按钮名称为“获取div里面的值”。

3、父，祖父三级div，代码如下。演示代码写好后，打开浏览器，在浏览器上运行看看效果。下面在head区域里添加实现js获取最高父级的代码，代码具体如下，这样利用了while循环来判断的。实现好后，保存代码，此时再到浏览器上刷新访问，看下，此时弹出对话框告诉最后父级是zufu。

4、根据attr(attribute)获取属性名，必须知道上一级的div的class名或者id名，或者本身知道div的class或者id要获取其他属性，都是这么做的。$(#d1).attr(xxx)；xxx是你想获取的某个属性的值。

Q5: 如何获取当前标签的父标签js获取父标签

p外层的父标签如果没有定义高度或宽度(用px或者其它单位定义，而非百分比)，p用百分比是无效的。如果坚持要用百分比，请换成table标签。如果一定要用p标签，一种方法是通过JS脚本获取浏览器高度或宽度然后给标签，用纯CSS方法，是这样：给login_wrapper加一条属性“position：absolute”。

关于js查找当前标签的父级标签和js 获取父标签下的子标签的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。