JS parentNode 父节点

parentNode父节点

JavaScript DOM操作中,可以通过parentNode查找元素节点的父节点。通常情况下,HTML文档中的每一个节点都有父节点,除了html根节点。


语法

childNode.parentNode

parentNode实例代码,及在线编辑器

下方实例,通过点击按钮(按钮添加了监听click的处理程序),将获取该按钮的父节点div,并通过JavaScript的代码,来设置该父节点的高度和宽度,以及背景颜色:

<div>
  <button id='b'>点击设置父节点样式</button>
</div>

<script>
  function setCss(){
    b.parentNode.style.width="100%";
    b.parentNode.style.height="50%";
    b.parentNode.style.backgroundColor = "skyblue";
  }
  var b = document.getElementById('b');
  b.addEventListener('click', setCss)
</script>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.