html – Changing body tag style through JavaScript

i\’m trying to write a script to change the width of the page considering user\’s client width.

it\’s something like this :

function adjustWidth() { 
    width = 0;
    if (window.innerHeight) {
        width = window.innerWidth;
    } else if (document.documentElement && document.documentElement.clientHeight) {
        width = document.documentElement.clientWidth;
    } else if (document.body) {
        width = document.body.clientWidth;
    }
    if (width < 1152) {
        document.getElementsByTagName(\"body\").style.width=\"950px\";
    }
    if (width >= 1152) {
        document.getElementsByTagName(\"body\").style.width=\"1075px\";
    }
}
window.onresize = function() {
    adjustWidth();
};
window.onload = function() {
    adjustWidth();
};

with this script i get an error from Firebug:

document.getElementsByTagName(\"body\").style is undefined

now my question is, how can i access the style of body ? because in css sheet it\’s selector and width property are defined.

Rating: 1 out of 5 based on 4 ratings

Posts Related to html - Changing body tag style through JavaScript

• Jul 22nd, 2012 javascript - Why is this not working ? pushing a box using mouse pointer Sunday AM 08:06:33


• Jul 19th, 2012 php - Wrapping full HTML page within another Thursday AM 03:25:58


• Jul 24th, 2012 css - javascript beginner: add a dynamic style in javascript? Tuesday PM 13:24:41


• Jul 17th, 2012 javascript - Mouseover Function not working Tuesday AM 08:09:58


• Jul 24th, 2012 javascript - How to get a specific jquery toggle show / hide div to load visible? Tuesday AM 03:24:32


• Jul 24th, 2012 raphael - Input not being displayed Tuesday AM 04:14:50


• Jul 18th, 2012 javascript - Use of split function using jquery Wednesday PM 15:19:58


• Jul 19th, 2012 javascript - Use of split function using jquery Thursday AM 08:55:56


• Jul 08th, 2012 javascript events - Display a text box when an option is selected Sunday PM 15:01:58


• Jul 07th, 2012 parameter function in jquery Saturday PM 22:45:39

The post html – Changing body tag style through JavaScript appeared first on Javascript ASK.

via Javascript ASK http://javascriptask.phpfogapp.com/html-changing-body-tag-style-through-javascript.html