Javascript 修改DOM问题，急！！


<html>
<head>
<script type="text/javascript">
    function cell() {
        var x = document.getElementById('myTable').rows.length;
        var x = document.getElementById('myTable').insertRow(x - 1)
        var y = x.insertCell(0)
        var z = x.insertCell(1)
        y.innerHTML = "NEW CELL1"
        z.innerHTML = "NEW CELL2"
        
    }
    
</script>
</head>
<body><table id="myTable" border="1">
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell3</td>
<td>cell4</td>
</tr>
</table>
<br />
<input type="button" onclick="cell()" value="Alert first cell"></body>
</html>
我想实现的功能是点击按钮后修改DOM的结构，这点做到了，但是怎么样才能把修改保存到原来的HTML文件呢？
我在本地运行这个HTML文件，点击按键，然后再用记事本打开原来的 HTML文件代码，发现根本没有变，怎么办呢？