Home/ Questions/Q 6956185
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T14:50:07+00:00

I want to be able to dynamically change width and height in a div

  • 0

I want to be able to dynamically change width and height in a div that gets created by a function. The code below works but the style rules gets added directly in the HTML document, which is something I want to avoid. Instead I want the properties to be added directly to the CSS file. Is there a way to achive that?

...function(width, height) {

var div = $('<div/>', {
    class':  'window',
    width': width,
    height': height
}).appendTo('#content');

}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    why do you need to add a class in CSS file with jquery? You can’t do this directly. You can add a <style>....</style> tag in your HTML page’s <head> tag with jQuery which is support you much. You can use the following methods to solve this:

    var myStyle = { "width": "100%", "height": "90%" };
$('#content').css(myStyle);

    OR

    $("<style type='text/css'>#content { width: 100%; height: 90% }</style>").appendTo("head");

    OR

     $.rule('#content{  width: 100%; height: 90% }').appendTo('style');

    But remember you need to use plugin for use $.rule .

    • 0