js操作html元素显示,入门学习用JS控制HTML元素！

javascript

body{font-size:12px;}

#txt{

height:400px;

width:600px;

border:#333 solid 1px;

padding:5px;}

p{

line-height:18px;

text-indent:2em;}

JavaScript课程

JavaScript为网页添加动态效果并实现与用户交互的功能。

1. JavaScript入门篇，让不懂JS的你，快速了解JS。

2. JavaScript进阶篇，让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。

3. 学完以上两门基础课后，在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。

var txt=document.getElementById("txt");

var set={

changeColor:function(){

txt.style.color="red";

txt.style.backgroundColor="#ccc";

},

changeSize:function(){

txt.style.width="300px";

txt.style.height="300px";

},

objHide:function(){

txt.style.display="none";

},

objShow:function(){

txt.style.display="block";

},

offSet:function(){

var message=confirm("你确定要重置所有设置么？");

if(message==true){

txt.removeAttribute('style');

}

}

}

入门学习用JS控制HTML元素！