<form>
<!--当点击相应按钮,执行相应操作,为按钮添加相应事件-->
<input type="button" value="改变颜色" onClick="Co()">
<input type="button" value="改变宽高" onClick="Ds()">
<input type="button" value="隐藏内容" onClick="Hi()">
<input type="button" value="显示内容" onClick="Ap()">
<input type="button" value="取消设置" onClick="De()">
</form>
<script type="text/javascript">
function Co(){
var p1=document.getElementById("txt");
p1.style.color="red";
p1.style.backgroudColor="#cc3656";}//定义"改变颜色"的函数
function Ds{
var p1=document.getElementById("txt");
p1.style.width="100px";
p1.style.height="100px";}//定义"改变宽高"的函数
function Hi(){
var p1=document.getElementById("txt");
p1.style.display="none";}//定义"隐藏内容"的函数
function Ap{
var p1=document.getElementById("txt");
p1.style.display="block";}//定义"显示内容"的函数
function De(){
var mychar=confirm("是否取消设置");
if(mychar){
var p1=document.getElementById("txt");
p1.style.color="red";
p1.style.backgroundColor="#cc3656";
p1.style.width="100px";
p1.style.height="100px";
p1.style.display="none";
}//定义"取消设置"的函数
Co()中backgroundColor少个n,funtion De()结束少半拉右大括号
onclick,注意大小写。
取消设置只需用removeAttribute移除所有的style设置即可:document.getElementById("txt").removeAttribute("style");
Ds和Ap函数少了括号