方法:1、使用“getElementsByTagName()”獲取父節(jié)點(diǎn)元素;2、使用“createElement()”動(dòng)態(tài)創(chuàng)建標(biāo)簽;3、使用“appendChild()”將標(biāo)簽放在指定元素下;4、使用“innerHTML”添加文本內(nèi)容。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
想要在頁(yè)面動(dòng)態(tài)添加元素,首先要確定在哪個(gè)元素后面添加元素,然后利用js的appendChild方法在該元素后面追加元素。
1.獲取父節(jié)點(diǎn)元素var body = document.getElementsByTagName('body')[0]。
2.然后動(dòng)態(tài)創(chuàng)建a標(biāo)簽var a = document.createElement('a')。
3.把創(chuàng)建好的a標(biāo)簽追加到body下面body.appendChild(a)。
4.在a標(biāo)簽里面添加文本內(nèi)容a.innerHTML = '這是一個(gè)鏈接'。給a標(biāo)簽添加一個(gè)鏈接a.href = 'https://www.baidu.com/'。
擴(kuò)展資料:
js一些原生方法
-
element.appendChild()方法向節(jié)點(diǎn)添加最后一個(gè)子節(jié)點(diǎn)。
-
element.innerHTML設(shè)置或返回元素的內(nèi)容。
-
document.getElementsByTagName()返回帶有指定標(biāo)簽名的對(duì)象集合。
-
document.getElementById()返回對(duì)擁有指定 id 的第一個(gè)對(duì)象的引用。
-
document.createElement()通過(guò)指定名稱(chēng)創(chuàng)建一個(gè)元素。
【推薦學(xué)習(xí):javascript高級(jí)教程】