Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取父节点样式_Javascript_Jquery_Css - Fatal编程技术网

Javascript 获取父节点样式

Javascript 获取父节点样式,javascript,jquery,css,Javascript,Jquery,Css,当把任何组件放到其他组件上时,我想交换组件的parentNode的CSS样式 示例: 之前 <div class="parentDIV_1" Style="HOrizontal_interchange CSS"> Component_1 </div> <div class="parentDIV_2" Style="Vertical_interchange CSS"> Component_2 </div

当把任何组件放到其他组件上时,我想交换组件的parentNode的CSS样式

示例:

之前

 <div class="parentDIV_1" Style="HOrizontal_interchange CSS">
      Component_1
    </div>

    <div class="parentDIV_2" Style="Vertical_interchange CSS">
       Component_2
    </div>

组件1
组件2
现在我想在运行时(拖放时)交换这两个类的CSS

之后

<div class="parentDIV_1" **Style="Vertical_interchange CSS"**>
      Component_1
    </div>

    <div class="parentDIV_2" **Style="HOrizontal_interchange CSS"**>
       Component_2
    </div>

组件1
组件2

我在这里猜测,但似乎您希望在某个拖放事件之后交换两个元素的CSS样式

这个解决方案怎么样:

  • 创建四个CSS类:

     .parentDIV_1 { ... }
     .parentDIV_2 { ... }
     .horiz { ... }
     .vert { ... }
    
  • div
    s分配两个类:

    <div class="parentDIV_1 horiz"> ...</div>
    
    <div class="parentDIV_2 vert"> ...</div>
    
    也试试这个:

    $("#id").removeClass().addClass("Whatever_you_want_to_swap_ClassName");
    

    我以前从未见过属性
    css
    ;这是一个输入错误,还是您正在向DOM添加自定义属性(被浏览器忽略)?@Aaron嘿,这就是风格。我的意思是交换concern DIV的CSS。属性
    CSS
    innerHTML
    有什么关系?请编辑您的问题,它没有意义。我认为您需要的帮助比jQuery解决方案更多。这个问题毫无意义,据我所知,你们不能有css属性。请用基本javascript编辑你们的答案。学习javascript并不意味着学习jquery。问题的标签上清楚地写着“jquery”,所以我不确定你为什么坚持使用纯javascript。
    $("#id").removeClass().addClass("Whatever_you_want_to_swap_ClassName");