为什么最后调用清除样式属性时，不会移除内部式（嵌入式）中的样式，而只会移除在JS中改变的样式？？？

如下为内部式定义的样式：

<style type="text/css">
body{font-size:12px;}
#txt{
    height:400px;
    width:600px;
    border:#333 solid 1px;
    padding:5px;}
p{
    line-height:18px;
    text-indent:2em;}
</style>

如下为JS中改变的样式：

//定义"改变颜色"的函数

function changeColor(){
        document.getElementById("con").style.color="blue";
        document.getElementById("txt").style.color="red";
        document.getElementById("con").style.backgroundColor="yellow";
        document.getElementById("txt").style.backgroundColor="black";
    }
    //定义"改变宽高"的函数
    function changeWH(){
        document.getElementById("con").style.width="200px";
        document.getElementById("con").style.height="30px";
        document.getElementById("txt").style.width="300px";
        document.getElementById("txt").style.height="500px";
    }
    //定义"隐藏内容"的函数
    function hide(){
        document.getElementById("txt").style.display="none";   
    }
    //定义"显示内容"的函数
    function show(){
        document.getElementById("txt").style.display="block";
    }

    最后清除样式属性：

 function cancelSet(){
        var boolTF=confirm("是否取消全部设置");
        if(boolTF==true){
            var title=document.getElementById("con");
            var content=document.getElementById("txt");
            // title.removeAttribute("style");
            // content.removeAttribute("style");
            // title.style=null;
            // content.style=null;
            title.style="";
            content.style="";
        }
    }

为什么最后调用清除样式属性时，不会移除内部式（嵌入式）中的样式，而只会移除在JS中改变的样式？？？求解答