Javascript 添加節點是非常常見的網頁開發功能，關于添加節點，我們常見的場景涵蓋動態添加文本、插入圖片、交互式表格、彈出提示框等等。這些場景除了增強了頁面的交互性和視覺效果外，還大大提高了用戶的體驗感。下面我們將會逐一講解不同場景下的節點添加方法。

首先，我們從最基本的動態添加文本開始。動態添加文本的應用場景非常廣泛，例如在頁面內顯示計算結果、增強交互性的彈出提醒等等。簡單來說，我們可以使用如下的代碼實現動態添加文本的功能：

// 方法1：使用innerHTML方法增加節點
document.getElementById('demo1').innerHTML = '歡迎來到我的網站！';
// 方法2：使用createElement和appendChild方法
var node = document.createElement('p');
var textnode = document.createTextNode('歡迎來到我的網站！');
node.appendChild(textnode);
document.getElementById("demo2").appendChild(node);

其次，我們再來看插入圖片這個功能。在許多網頁中，我們常常會看到一張張漂亮的圖片，這些圖片可以大大增加頁面的美觀程度。我們也可以使用Javascript實現插入圖片的功能，例如下面的代碼：

var node = document.createElement("img");
node.src = "img/picture.jpg";
document.getElementById("demo3").appendChild(node);

由于圖片是一種特殊的元素，所以我們需要在創建節點時添加上src屬性，以指明它所引用的圖片的URL。

再接下來，我們來談一下交互式表格的實現。在網站開發中，表格是一種非常常見的元素，它可以展示大量的信息。而在動態添加表格的過程中，我們通常使用如下代碼：

var myTableDiv = document.getElementById("demo4");
var table = document.createElement('TABLE');
var tableBody = document.createElement('TBODY');
table.appendChild(tableBody);
for (var i=0; i<3; i++){
var tr = document.createElement('TR');
tableBody.appendChild(tr);
for (var j=0; j<4; j++){
var td = document.createElement('TD');
td.width='75';
td.appendChild(document.createTextNode("單元格"));
tr.appendChild(td);
}
}
myTableDiv.appendChild(table);

我們可以看到，首先我們需要創建一個TABLE元素，然后在其中創建若干個TR和TD元素，并且將它們添加到對應的父節點中。最后，我們將整個表格添加到頁面中。有了這個表格后，我們可以隨時增加、刪除和修改其中的內容，從而實現交互式的表格功能。

最后，我們來看一下如何實現彈出提示框的功能。在Web開發中，我們經常會需要與用戶進行交互，例如要求用戶輸入一些信息或者確認一些操作。而這些交互式操作通常需要通過彈出提示框的形式來實現。我們可以通過下面的方法實現彈出提示框：

alert("歡迎來到我的網站！");

除了這個最基本的提示框之外，我們還可以使用confirm()和prompt()方法實現其他形式的交互。

以上就是關于Javascript添加節點的一些簡單介紹。通過這些實例，我們可以看到節點添加是Web開發的一個非常重要的方面，它可以在我們的頁面中創造非常豐富的交互性和視覺效果。然而，在使用節點添加時，我們也需要格外注意HTML標準和瀏覽器的兼容性問題，以確保我們的頁面能夠正常地在各種場景下展示最佳效果。