兄弟们!怎么用JS JS JS 获取当前元素的第一级子元素?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了兄弟们!怎么用JS JS JS 获取当前元素的第一级子元素?相关的知识,希望对你有一定的参考价值。

就是我想遍历用黄色箭头指的DIV

参考技术A <script>

var father=document.getElementById("father")
var div=father.getElementsByTagName("div")[0]
a()
function a()
var ary=[]
var b=div.nextElementSibling
while (b)
ary.push(b)
b=b.nextElementSibling

console.log(ary)

</script>
参考技术B

原生JS的话 我举例子吧 我喜欢举例子 你自己看

<!DOCTYPE html>
<html>
<body>
<div id="father">
<div><div>dfdfdf</div></div>
<div><div></div></div>
</div>
<script>
var c=document.getElementById("father").children;//获取id为father的所有子节点,这句代码就是答案啦
c[0].style.fontSize="28px";//下面的代码验证成功用
console.log(c);

</script>
</body>
</html>

嘛 其实JQ也挺好的

$('#father').children()

所以加个分采纳吧

追问

嗯!非常感谢!!!用jq了,答案应该采纳你的,点错了.....尴尬。。。

追答

坟蛋!!怎么又一个这样的= = = 555你们手怎么都那么滑

参考技术C 用JQuery多好 $("#father").children("div");本回答被提问者采纳

Vue.js 获得兄弟元素,子元素,父元素(DOM操作)

  e.target 
    是你当前点击的元素
    e.currentTarget 
    是你绑定事件的元素
    
    e.currentTarget.previousElementSibling.innerHTML
    获得点击元素的前一个元素
    
    e.currentTarget.firstElementChild
    获得点击元素的第一个子元素

    e.currentTarget.nextElementSibling
      获得点击元素的下一个元素
    
    e.currentTarget.getElementById("string")
    获得点击元素中id为string的元素

  e.currentTarget.getAttributeNode(‘string‘)
       获得点击元素的string属性

    e.currentTarget.parentElement
      获得点击元素的父级元素
    
    e.currentTarget.previousElementSibling.firstElementChild.innerHTML
      获得点击元素的前一个元素的第一个子元素的HTML值

 

以上是关于兄弟们!怎么用JS JS JS 获取当前元素的第一级子元素?的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js 获得兄弟元素,子元素,父元素(DOM操作)

js获取父级元素

js jquery获取当前元素的兄弟级 上一个 下一个元素

CSS父元素的子元素样式控制另一子元素怎么实现?

JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法

js jquery获取当前元素的兄弟级 上一个 下一个元素 jquery如何获取第一个或最后一个子元素