1. 程式人生 > >【前端】建立元素並插入到現有文件

【前端】建立元素並插入到現有文件

// 建立元素
// div
var newDiv = document.createElement('div')

// 新增類名
newDiv.className = 'hello'

// 新增id
newDiv.id = 'hello1'

// 設定屬性
newDiv.setAttribute('title', 'Hello Div')

// 建立Text node
var newDivText = document.createTextNode('Hello World');
// 加到div
newDiv.appendChild(newDivText)
var container = document.
querySelector('header .container') var h1 = document.querySelector('header h1') newDiv.style.fontSize = '30px' // 插入到h1之前 container.insertBefore(newDiv, h1); console.log(newDiv)

END.