為什么最后調用清除樣式屬性時，不會移除內部式（嵌入式）中的樣式，而只會移除在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中改變的樣式？？？求解答