JavaScript第一天 改变DIV的样式

onmouseover 当鼠标移到这个对象之上时响应

onmouseout 当鼠标移出这个对象之上时响应

document.getElementById(‘id‘)   获取id的元素并可以做一些操作

onclick  点击事件

alert  弹出框

var onVar1 = document.getElementById(‘div1‘);    //取得id为div1 的元素,并对其赋值
onVar1.style.height = ‘100px‘;                 
onVar1.style.width = ‘100px‘;
onVar1.style.background = ‘red‘;

时间: 2024-11-29 03:13:32

JavaScript第一天 改变DIV的样式的相关文章

javascript如何动态设置div的样式

javascript如何动态设置div的样式:有时候需要根据需要动态设置div的样式,当然对于稍有经验的javascript开发者来说,这一切都是那么的简单,但是对于初学者或者说没有相关经验的开发者来说可能就是一个不大不小的难关,下面就通过实例简单介绍一下如何实现此效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="aut

作品第一课----改变DIV样式属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .btn { margin: 0 auto; padding-left: 30%;} .img { width: 200px; height:

JavaScript之DOM改变HTML的样式

改变 HTML 样式 HTML DOM 允许 JavaScript 改变 HTML 元素的样式.如何改变 HTML 元素的样式呢? 语法: Object.style.property=new style; 注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素. 基本属性表(property): 注意:该表只是一小部分CSS样式属性,其它样式也可以通过该方法设置和修改. 看看下面的代码: 改变 <p> 元素的样式,将颜

JavaScript HTML DOM——改变CSS(样式)

HTML DOM 允许 JavaScript 改变 HTML 元素的样式. 1.改变 HTML 样式 如需改变 HTML 元素的样式,请使用这个语法: 1 document.getElementById(id).style.property=new style 举例1(下面的例子会改变 <p> 元素的样式): 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <!--<meta charset="utf-8&q

JavaScript 创建DIV 设置样式不起作用,很多都是因为设置样式的顺序问题

JavaScript 创建DIV 设置样式不起作用,很多都是因为设置样式的顺序问题,因为有的样式需要之前设置其他样式才能生效,推荐的样式排序如下: insertDIV:function(){ var divId=document.getElementById("divContainer"); if(divId){ divId.style.display="block";   //作用:一般这种需要设置退出时候就消失了,可以设置display为none隐藏,那么再添加

【温故而知新-Javascript】为DOM元素设置样式

1. 使用样式表 可以通过document.styleSheets属性访问文档中可用的CSS样式表,它会返回一组对象集合,这些对象代表了与文档管理的各个样式表. 每个样式表 都由一个CSSStyleSheet 对象代表,它提供了一组属性和方法来操作文档里的样式. 1.1 获得样式表的基本信息 第一步是获得定义在文档中的样式表的一些基本信息. <!DOCTYPE html> <html lang="en"> <head> <meta charse

自学JavaScript第一课

0.JavaScript 是什么? JavaScript 是世界上最流行的编程语言.这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言. JavaScript 是可插入 HTML 页面的编程代码. JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行. JavaScript 很容易学习. 1.本课内容 写入HTML输出 document.write

学习JavaScript第一周的小结

致敬JavaScript的作者:布兰登·艾克 知识点: 0.JS的写法 遇到 - 的,去掉减号然后把减号后面的字母大写. 例如,css里面的 margin-top,在JS里面要写成:marginTop. href:"javascript:;" a标签没有内容可写的时候可以用这个空的js语句. js三步走: 1.window.onload=function(){}; 2.var获取元素 3.加事件 1.事件(或称属性) window.onload  页面加载完成 onclick onmo

改变div属性的一个实例

<style>#outer{width:500px;margin:0 auto;padding:0;text-align:center;}#div1{width:100px;height:100px;background:black;margin:10px auto;display:block;}</style> <script>var changeStyle = function (elem, attr, value){ elem.style[attr] = valu