<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";
        }//定义"取消设置"的函数