JavaScript基础 通过style属性设置div的高度,宽度,背景颜色

镇场诗:
    清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
    学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————

code:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<script type="text/javascript">
	    window.onload = function () {

	        var myDiv = document.getElementById("div0");
	        //style属性 是 一个对象,里面有css的全部内容.
            //myDiv是没有height属性的,但是myDiv.style下有height属性
	        myDiv.style.height = "400px";
	        myDiv.style.width = "400px";
	        myDiv.style.backgroundColor = "blue";
	    }
	</script>
</head>
<body>
    <div id="div0">

    </div>
</body>
</html>

result:

——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。IDE: VS2015;浏览器: Firefox。
html+css+js,强,值得努力学习。传智播客的视频教程是我的学习资源,推荐。
如果博文有可以改进的地方,请留下评论,我会认真思考的。

注:我是一位正在努力的普通人,此文仅供测试与参考使用,不可做其他用途。当参考博文内容时,代表您已接受使用条款。

时间: 2024-08-06 03:39:26

JavaScript基础 通过style属性设置div的高度,宽度,背景颜色的相关文章

网络编程基础API、属性设置

网络中Socket数据传输是一种特别的I/O,Socket也是一种文件描述符.Socket也具备一个类似于打开文档的函数调用Socket(),该函数返回一个整型的Socket描述符,随后的连接建立.数据传输等操作都是通过该Socket实现的. 常用的Socket类型有两种:流式Socket (SOCK_STREAM)和数据报式Socket(SOCK_DGRAM).流式是一种面向连接的Socket,针对于面向连接的TCP服务应用:数据报式Socket是一种无连的Socket,对应于无连接的UDP服

div没有设置高度时背景颜色不显示(浮动)

在使用div+css进行网页布局时,如果外部div有背景颜色或者边框,而不设置其高度,在IE浏览器下显示正常.但是使用Firefox/opera浏览时却出现最外层Div的背景颜色和边框不起作用的问题.网上查找资料之后主要原因如下:由于在Firefox和opera中:如果里面的DIV是浮动的(float)而母体不会去计算子体float之后的height.而在 IE中支持这种计算,所以IE下正常. 解决方法: 给外部div直接设置高度(不推荐),因为很多时候我们并不知道外部div的高度,我们希望靠里

文字在div中垂直居中的方法,设置div的高度height和行高line-height一致

文字在div中垂直居中的方法,设置div的高度height和行高line-height一致,如 .containerdiv{ height:60px; line-height:60px; }

JavaScript基础 通过parentNode.bgColor设置一个节点的父节点的背景颜色

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

eclipse 设置编辑窗口字体和背景颜色

最近装了几次系统,公司也换过电脑,所以换了几次eclipse,当然家里用的当然是最新版,公司就只有用几百年前的东西了 进入重点,我的编辑窗口习惯使用灰色的背景,感觉全白的不好看,还伤视力(没有科学依据,只是个人习惯,戴了7.8年眼睛了,视力不好) 设置了几次,最开始怎么设置的早就忘了,eclipse设置又多,总是记不住,每次都在网上找,太烦,这次写到博客(嘿嘿,我就不信还是记不住...) 进入主题.... 设置字体: Window --------->Preferences---------->

转 Android RadioButton设置选中时文字和背景颜色同时改变

主要应用在购物车,像淘宝的那样,点击以后弹出一个选择种类颜色这样的popuwindow以后,然后这个选择种类的地方要用到类似这个玩意儿. 搜了一下,效果和这个文章一致.转了. 原文地址:http://blog.csdn.net/liuwan1992/article/details/52688408 在使用 RadioButton 时,有时我们会想要达到选中时文字颜色和背景颜色同时改变的效果,这里还需要多进行几步操作. 首先,在布局文件中新建一组 RadioButton : [html] view

android dialog style属性设置

<!--最近做项目,用到alertDialog,用系统自带的style很难看,所以查了资料自己定义了个style. res/value/style.xml内增加以下代码:--> <style name="dialog" parent="@android:style/Theme.Dialog"> <!--Dialog的windowFrame框为无--> <item name="android:windowFrame&

设置div最小高度

<div class="sen_con_nr" style="height:auto!important;height:700px;min-height:700px;"> 分析: 这里用到的!important IE6并不识别,但对Firefox来说会优先执行.      因些这里所有的浏览器的高度会是550px,  而 !important IE6不认识,所以也不执行.     但执行到 height:550px 时,它就认识了,也会自动设置高度为55

JavaScript基础 IE 7,8可用 获取网页的宽度与高度 document.documentElement.clientHeight

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=ut