代码块/js操作属性/js换肤/ js操作style属性/js操作class

代码块

我们的程序是由一条一条语句构成的语句是按照自上向下的顺序一条一条执行的在JS中可以使用{}来为语句进行分组, 同一个{}中的语句我们称为是一组语句，它们要么都执行，要么都不执行，一个{}中的语句我们也称为叫一个代码块在代码块的后边就不用再编写;了 JS中的代码块，只具有分组的的作用，没有其他的用途代码块内容的内容，在外部是完全可见的

..................................................................................................................................................

js操作属性

DOM是为了操作文档（网页）的API，document是它的一个对象

BOM是为了操作浏览器的API，window是它的一个对象

常用BOM对象还有：alert、定时器等

...........................................................................................................................

window.onload = function(){

document.getE+lementById('div1').title = "我看到了！";

//变量oA代表整个a标签

var oA = document.getElementById('link1');

oA.href = "http://www.tencent.com";

oA.title = "跳转到腾讯网"

alert(oA.id);

alert(oA.title);

}

..........................................................................................................................

js换肤

window.onload = function(){

var oLink = document.getElementById('link1');

oLink.href = "css/2.css";

alert(oLink.id);

}

</script>

.............................................................................................................

js操作style属性

window.onload = function() {

var oDiv = document.getElementById('div1');

style属性中的样式属性，没有"-"号的，写法相同

oDiv.style.color = 'red';

oDiv.style.background = 'gold';

style属性中的样式属性，带"-"号的需要去掉"-"号，写成小驼峰式

例如：font-size属性要写为fontSize

Div.style.fontSize = '30px';

}

</script>

.............................................................................................................

js操作class

.box01{

width: 200px;

height: 200px;

background-color: gold;

}

.box02{

width: 300px;

height: 300px;

background-color: red;

}

</style>

window.onload = function() {

var oDiv = document.getElementById('div1');

// 由于class是js中的保留关键字，所以设置class属性时，要写为className

oDiv.className = 'box02';

}

</script>

..........................................................................................................................................