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>