js中括号操作属性/js函数/js换肤

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 = "<a href='http://www.baidu.com'>百度网</a>";//向div标签中插入超链接标签

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

document.write和innerHTML的区别

document.write只能重绘整个页面

innerHTML可以重绘页面的一部分

}

</script>

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

document.write和innerHTML的区别

document.write只能重绘整个页面

innerHTML可以重绘页面的一部分

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

js函数

function aa(){

alert('hello!');

}

//直接调用

aa();

</script>

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

<body>

</body>

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

js换肤

window.onload = function(){

/* 提取行间事件 */

var oBtn01 = document.getElementById('btn01');

var oBtn02 = document.getElementById('btn02');

oBtn01.onclick = skin01;//这里不能写skin01()，这样写就马上执行了

oBtn02.onclick = skin02;

}

function skin01(){

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

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

}

function skin02(){

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

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

}

</script>

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

<body>

<!--

行间调用函数

</body>