1.操作属性
DOM是为了操作文档（网页）的API，document是它的一个对象
BOM是为了操作浏览器的API，window是它的一个对象
常用BOM对象还有：alert、定时器等
*/
//整个文档加载完之后执行一个匿名函数
window.onload = function(){
document.getElementById('div1').title = "我看到了！";
//变量oA代表整个a标签
var oA = document.getElementById('link1');
oA.href = "http://www.tencent.com";
oA.title = "跳转到腾讯网"
alert(oA.id);
alert(oA.title);
2.换肤
css/1.css"id="link1">
window.onload = function(){
var oLink = document.getElementById('link1');
oLink.href = "css/2.css";
alert(oLink.id);
}
网页换肤原理：需要准备不同的肤色的ｃｓｓ的样式表，
涉及到：
点击事件（onclick）
onclick= “onmouseover”、……move、……out这些方法。
这些方法方别是鼠标的不同的操作方。
id属性，所有的都可以有id属性。
所以：要求准备：
1、需要哪些样式，点击之后会改变href
2、需要的属性添加事件，切换
js
fucntion 是函数的关键字
·js中的函数赋值：可以匿名函数和之间赋值函数
window.onload()
这个是加载网页的方法，我们是可以通过写这个方法，才会调用下面的属性，因为，js的原因是一行一行的代码进行执行的。
所以要先将页面的所有对象或者属性加载了之后才可以使用。
所以这个方法在页面上会经常用到 。
document.getElementById()这个方法来获取相关的网页属性，也就是通过Id这个属性两获取的，通过方法的名称我们就可以知道了这个方法的含义。
属性 操作：
1、obj.style.display = @”block”;对块进行操作
2、赋值
3、引用样式，id都会是名称一致
（特殊：class 在引用的时候为className）
obj.className = “类的样式”;
附加：
sublime中：
快捷键：
ctrl+Y 和ctrl+z的使用，他们朝着相反的方向显示效果。
3.js操作style属性
window.onload = function() {
var oDiv = document.getElementById('div1');
/*style属性中的样式属性，没有"-"号的，写法相同*/
oDiv.style.color = 'red';
oDiv.style.background = 'gold';
/*
style属性中的样式属性，带"-"号的需要去掉"-"号，写成小驼峰式
例如：font-size属性要写为fontSize
*/
oDiv.style.fontSize = '30px';
}
3.js操作class
.box01{
width: 200px;
height: 200px;
background-color: gold;
}
.box02{
width: 300px;
height: 300px;
background-color: red;
}
window.onload = function() {
var oDiv = document.getElementById('div1');
// 由于class是js中的保留关键字，所以设置class属性时，要写为className
oDiv.className = 'box02';
}
4.js中括号操作属性
window.onload = function(){
var oDiv = document.getElementById('div1');
//oDiv.style.color = 'red';//red必须加引号，否则会认为它是一个变量，引起来会认为它是一个值，赋值给=号左边
var attr = 'color';
// oDiv.style[attr] = 'red';
/* 通过[]操作属性可以写变量 */
oDiv['style'][attr] = 'red';
/* 通过innerHTML可以读写元素包括的内容 */
alert(oDiv.innerHTML);//读取标签里面包裹的元素，即“这是一个div元素”
var oDiv2 = document.getElementById('div2');
// oDiv2.innerHTML = '这是第二个div元素';//向div标签中插入内容
oDiv2.innerHTML = "百度网";//向div标签中插入超链接标签
/*
document.write和innerHTML的区别
document.write只能重绘整个页面
innerHTML可以重绘页面的一部分
*/
}