如何动态设置页面中指定元素的id?还有为什么我修改某标签的outerHTML总是无效?

<html>
<head>

</head>

<body >

</body>
</html>

<script type=text/javascript language=javascript>
<!--
var table1 = document.createElement("table");
var tbody = document.createElement("tbody");
var myCurrentRow = new Array(6);
var myCurrentColumn = new Array(6);
for(var i=0;i<6;i++)
{
myCurrentRow[i]=document.createElement("tr");
for(var j=0;j<6;j++)
{
myCurrentColumn[j] = document.createElement("td");
var text = document.createTextNode("我是第"+i+"行 , 第"+j+"列的文本");
myCurrentColumn[j].appendChild(text);
myCurrentRow[i].appendChild(myCurrentColumn[j]);


}
tbody.appendChild(myCurrentRow[i]);

}

table1.appendChild(tbody);


table1.setAttribute("border","1");
document.body.appendChild(table1);
table1.style.textAlign="Left";


var p1=document.createElement("p");
alert(p1.outerHTML);
p1.outerHTML="<h1>我是新手</h1>";
alert(p1.outerHTML);

p1.id="dd";
alert(document.getElementById("dd").outerHTML);

table1.parentNode.appendChild(p1);


-->

问几个不解的问题:
1:我明明修改了P标签的outerHTML为h1,为什么打印出来还是<p></p>
2:我在红色部分已经设置了p1的ID为dd(不是因为上面修改outerHTML的缘故,因为我把那行语句,删了,下面照样出现同样的问题),为什么在下面getElementById读取的时候,系统会提示说没有dd这个对象,也就是document.getElementById("dd")返回出来的是一个空对象?


</script>