javascript 操作元素属性

JavaScript嵌入页面的方式

1、行间事件（主要用于事件）

<input type="button" name="" onclick ="alert(OK!);">

2、页面script标签嵌入

<script type="text/javascript">
	alert("ok!");
</script>

3、外部引入

<script type="text/javascript" src = "js/index.js">

</script>

操作元素属性

操作属性的方法

1、" . " 操作
2、"[ ]"操作

属性写法

1、html的属性与js里面的属性写法一样
2、“class"属性写成"className”
3、"style"属性里面的属性，有横杠的改成驼峰式，比如：font-size，改成style.fontSize
4、属性用变量来代替的话，需要用[ ]来操作。

<script type="text/javascript">
	window.onload = function(){
		var oDiv = document.getElementById('div1');
		var myStyle = 'color';
		var mStyle = 'red';
		oDiv.font = "Microsoft YaHei"
		oDiv.style[myStyle] = mStyle;

		var sTr = oDiv.innerHTML;
		oDiv.innerHTML = "修改的文字";
		alert(sTr);
	}
</script>