js 更改body html,通过JavaScript更改body标签样式

我试图编写一个脚本来改变页面的宽度，考虑到用户的客户端宽度。这件事情是这样的：通过JavaScript更改body标签样式

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();

};

有了这个剧本我从萤火虫得到一个错误：

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

现在的问题是，我怎么能进入人体的风格？因为在CSS工作表中它的选择器和宽度属性被定义。

2012-07-30

Nojan

试**的getComputedStyle'(元素)[式]'**和示例**'window.getComputedStyle(document.body的).width' ** .. 。学习http://javascript.info/tutorial/styles-and-classes-getcomputedstyle –

2016-03-24 12:03:09

js 更改body html,通过JavaScript更改body标签样式相关推荐

如何使用JavaScript更改元素的类？
如何使用JavaScript更改HTML元素的类以响应onclick事件? #1楼对以前的正则表达式的一些小注释和调整: 如果班级列表中的班级名称不止一次,您将希望在全局范围内执行此操作. 而且,您 ...
javascript 标记_如何使用JavaScript更改Google Maps标记的颜色
javascript 标记 by Tan Le Tian 谭乐天如何使用JavaScript更改Google Maps标记的颜色 (How to change the color of Google ...
向别人网页注入js_区块链研究实验室 | Web3 .js基于以太坊的Javascript API
web3.js是一个库集合,你可以使用HTTP或IPC连接本地或远程以太它节点进行交互. web3的JavaScript库能够与以太坊区块链交互. 它可以检索用户帐户,发送交易,与智能合约交互等. V ...
js如何改变HTML属性,javascript – 如何动态设置HTML lang属性？
如何在Web应用程序中动态设置HTML'lang'属性? 我尝试使用jQuery如下插入'lang'属性: $(document).ready(function() { $("html&qu ...
phpstudy mysql端口_完美解决phpstudy安装后mysql无法启动（无需删除原数据库，无需更改任何配置，无需更改端口）直接共存...
今天学习php,当然是要先安装好运行环境了,phpstyudy是一个运行php的集成环境, 一键安装对新手很友好,与时作为一个新手,便跟着教程安装了phpstudy集成环境. 很快安装好了,嗯.对新手 ...
更改exe程序图标_更改电脑文件夹颜色、样式、图标，让文件夹不再是单一的黄色...
电脑文件夹一般默认的是样式.图标.颜色,如下图所示: 文件夹那么,怎样改变这三种设定呢?其实操作很简单,下面小编介绍一个小工具,具体的操作步骤如下: 1.首先,下载安装,下载下来的安装包是一个压缩包 ...
火狐浏览器如何更改字体火狐浏览器字体更改方法分享
中文俗称"火狐"的Mozilla Firefox,不仅是一款自由及开放源代码的网页浏览器,其在国内也不乏拥趸.当然,想要熟练使用火狐浏览器,还需要一定的经验和技巧!那么,在火狐浏览 ...
mysql删除端口配置文件_完美解决phpstudy安装后mysql无法启动（无需删除原数据库，无需更改任何配置，无需更改端口）直接共存...
今天学习php,当然是要先安装好运行环境了,phpstyudy是一个运行php的集成环境, 一键安装对新手很友好,与时作为一个新手,便跟着教程安装了phpstudy集成环境. 很快安装好了,嗯.对新手 ...
LightningChart JS Crack,2D 和 3D JavaScript 图表
LightningChart JS Crack,2D 和 3D JavaScript 图表 LightningChart JS Crack是一个基于 WebGL.GPU 加速的跨平台图表库,旨在为最苛 ...

js 更改body html,通过JavaScript更改body标签样式

js 更改body html,通过JavaScript更改body标签样式相关推荐

最新文章

热门文章