溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
怎么在JavaScript頁面中增加元素？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。
方法：1、使用“getElementsByTagName()”獲取父節(jié)點(diǎn)元素；2、使用“createElement()”動態(tài)創(chuàng)建標(biāo)簽；3、使用“appendChild()”將標(biāo)簽放在指定元素下；4、使用“innerHTML”添加文本內(nèi)容。
想要在頁面動態(tài)添加元素，首先要確定在哪個元素后面添加元素，然后利用js的appendChild方法在該元素后面追加元素。
1.獲取父節(jié)點(diǎn)元素var body = document.getElementsByTagName('body')[0]。
2.然后動態(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 = '這是一個鏈接'。給a標(biāo)簽添加一個鏈接a.href = 'https://www.baidu.com/'。
擴(kuò)展資料：
js一些原生方法
element.appendChild()方法向節(jié)點(diǎn)添加最后一個子節(jié)點(diǎn)。
element.innerHTML設(shè)置或返回元素的內(nèi)容。
document.getElementsByTagName()返回帶有指定標(biāo)簽名的對象集合。
document.getElementById()返回對擁有指定 id 的第一個對象的引用。
document.createElement()通過指定名稱創(chuàng)建一個元素。
看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注億速云行業(yè)資訊頻道，感謝您對億速云的支持。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
