怎么在JavaScript頁面中增加元素?很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。
成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于網(wǎng)站制作、成都網(wǎng)站建設(shè)、朝陽網(wǎng)絡(luò)推廣、小程序開發(fā)、朝陽網(wǎng)絡(luò)營銷、朝陽企業(yè)策劃、朝陽品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;成都創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供朝陽建站搭建服務(wù),24小時服務(wù)熱線:028-86922220,官方網(wǎng)址:www.cdcxhl.com
方法:1、使用“getElementsByTagName()”獲取父節(jié)點元素;2、使用“createElement()”動態(tài)創(chuàng)建標(biāo)簽;3、使用“appendChild()”將標(biāo)簽放在指定元素下;4、使用“innerHTML”添加文本內(nèi)容。
想要在頁面動態(tài)添加元素,首先要確定在哪個元素后面添加元素,然后利用js的appendChild方法在該元素后面追加元素。
1.獲取父節(jié)點元素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/'。
擴展資料:
js一些原生方法
element.appendChild()方法向節(jié)點添加最后一個子節(jié)點。
element.innerHTML設(shè)置或返回元素的內(nèi)容。
document.getElementsByTagName()返回帶有指定標(biāo)簽名的對象集合。
document.getElementById()返回對擁有指定 id 的第一個對象的引用。
document.createElement()通過指定名稱創(chuàng)建一個元素。
看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。