如何覆盖 element.style 高度

Question

我正在尝试更改不是我自己编写的日历中的 div 的高度。在 firebug 中，我看到 css:

element.style {
        height: 744px;
        width: 1463px;
        left: 0px;
        top: 81px;
       }

我读到这将始终覆盖 css 并且它是 js 文件的结果。我试图用 grep 查找文件，但找不到。我还尝试覆盖 html 页面内的 divs 高度，如下所示：

  <style type="text/css">
      .dhx_cal_data p{
            height:900px !important;

          }

      .dhx_cal_data {
            height:900px !important;

       }

       #dhx_cal_data {
             height:900px !important;

        }

Html :

 <div class="dhx_cal_data" name="dhx_cal_data" id="dhx_cal_data" style="height:900px;">
                    <p class="para1">

  </div>

我还尝试用 javascript 覆盖它，如下所示：

<script >

$(document).ready(function(){


var obj = document.getElementById('dhx_cal_data');
obj.style.height = "900px";
document.getElementById("dhx_cal_data").style["height"] = '900px';
 })
</script>

但没有任何效果。你知道我怎样才能改变它吗？或者我怎样才能找到创建这个 element.style 的文件？

Answer 1

在;之前使用!important。
参见：http://jsfiddle.net/ahfo9cfc/1/ - JS 作品

Answer 2

这完全是 hack，但您可以编写自己的 jQuery 函数，在未知的 javascript 文件完成后重新定义高度。只需将 jQuery 代码放在结束正文标记之前。诚然，这是一种糟糕的做法，只有在您所有其他努力都失败时才应使用。

如何覆盖 element.style 高度

How to override element.style height

javascript

html

css

height