网站链接: HDHCMS 散文随笔
当前位置: 首页 >>JAVASCRIPT >>JS实战技巧 >>子节点修改父节点样式(原生js和jquery)

子节点修改父节点样式(原生js和jquery)

2018/9/11 9:35:19 0人评论 1360次

子节点修改父节点样式(原生js和jquery)…

<div id="parent">

    父标签

    <div id="children">

        子标签

    </div>

</div>

一、原生js 

只要获取子节点对象,然后对其父节点的样式修改即可。


 document.getElementById('children').parentNode.style.overflowX="auto"

1

二、jQuery 

第一种


  $('#children').parent().css('color','red') 


第二种 

给父元素直接添加类


$('#children').parent().addClass('class1')

class1{color:red}


相关文章

CopyRight:2007-2018 语言吧 备案ICP:湘ICP备09009000号-4 http://www.yuyanba.com