javascript根据浏览器窗口大小动态更改正文ID(使用css)

Question

这是我的,但它不起作用:

 if(window.width() < 1000)
document.getElementsByTagName('body')[0].id="be"
else
document.getElementsByTagName('body')[0].id="bd"
;

请告诉我我写错了什么.请不要告诉其他解决方案,请修改此代码.

基本上,如果浏览器窗口大小小于1000px,我想为网站的BODY标记提供不同的ID.

Answer 1

干得好:

document.body.id = window.innerWidth < 1000 ? 'be' : 'bd';

将此代码放在页面底部:

<script>
    function setBodyId() {
        document.body.id = window.innerWidth < 1000 ? 'be' : 'bd';
    }           
    window.onload = setBodyId;
    window.onresize = setBodyId;
</script>

现场演示: http ://jsfiddle.net/simevidas/THqXB/