在前端開發中，標簽的使用非常重要。而JavaScript正好可以用來進行標簽的動態添加和修改。在這篇文章里，我們將探討如何使用JavaScript添加標簽。下面簡單介紹一下常見的標簽添加操作。 首先，我們可以使用document.createElement(tagName)方法來創建一個新的HTML元素。以創建一個h1標簽為例：

var h1 = document.createElement('h1');

接下來，我們可以使用元素的屬性來設置元素的內容和樣式：

h1.innerHTML = '這是一個標題';
h1.style.color = 'red';

這樣就可以創建一個帶有紅色字體的h1標簽了。除此之外，我們還可以使用appendChild方法將元素添加到頁面中的某個節點上。例如：

document.body.appendChild(h1);

這樣就可以把剛才創建的h1標簽添加到body節點下。 除此之外，我們還可以使用innerHTML方法直接插入HTML代碼：

document.body.innerHTML += '
這是一個標題
';

這樣也可以實現添加標簽的效果。需要注意的是，在使用innerHTML方法添加內容時，原本在節點中存在的內容會被清除，所以應該謹慎使用。 最后，我們來看一下添加圖片的例子。我們同樣可以使用createElement方法創建一個img標簽，然后使用屬性來設置圖片的路徑和樣式：

var img = document.createElement('img');
img.src = 'http://example.com/image.jpg';
img.style.width = '100px';
img.style.height = '100px';
document.body.appendChild(img);

這樣就可以在body節點下添加一個大小為100x100像素的圖片了。 通過以上的介紹，我們可以看到JavaScript可以非常方便地添加標簽并設置樣式。在實際開發中，我們可以根據需要自由組合上述方法，更好地滿足自己的需求。