<input type="button" value="改变颜色" onclick="changecolor()">
<input type="button" value="改变宽高" onclick="changeshape()">
<input type="button" value="隐藏内容" onclick="hide()">
<input type="button" value="显示内容" onclick="block()" >
<input type="button" value="取消设置" onclick="rec()" >
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
function changecolor()
{var chc=document.getElementById("con");
chc.style.color="red";
var chc1=document.getElementById("txt");
chc1.style.backgroundColor="blue";}
//定义"改变宽高"的函数
function changeshape()
{var chc=document.getElementById("txt");
chc.style.width:30px;
chc.style.height:20px;}
//定义"隐藏内容"的函数
function hide()
{var mychar = document.getElementById("txt");
mychar.style.display="none";}
//定义"显示内容"的函数
function block()
{ var mychar = document.getElementById("txt");
mychar.style.display="block";}
//定义"取消设置"的函数
function rec()
{var a=confirm("是否取消！")；
if(a)
var mychar=document.getElementById("txt");
mychar.removeAttribute("style");}
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/1354/viewspace-3128930/ ，如需转载，请注明出处，否则将追究法律责任。
