您好,登錄后才能下訂單哦!
怎么在JavaScript頁面中增加元素?很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。
方法:1、使用“getElementsByTagName()”獲取父節點元素;2、使用“createElement()”動態創建標簽;3、使用“appendChild()”將標簽放在指定元素下;4、使用“innerHTML”添加文本內容。
想要在頁面動態添加元素,首先要確定在哪個元素后面添加元素,然后利用js的appendChild方法在該元素后面追加元素。
1.獲取父節點元素var body = document.getElementsByTagName('body')[0]。
2.然后動態創建a標簽var a = document.createElement('a')。
3.把創建好的a標簽追加到body下面body.appendChild(a)。
4.在a標簽里面添加文本內容a.innerHTML = '這是一個鏈接'。給a標簽添加一個鏈接a.href = 'https://www.baidu.com/'。
擴展資料:
js一些原生方法
element.appendChild()方法向節點添加最后一個子節點。
element.innerHTML設置或返回元素的內容。
document.getElementsByTagName()返回帶有指定標簽名的對象集合。
document.getElementById()返回對擁有指定 id 的第一個對象的引用。
document.createElement()通過指定名稱創建一個元素。
看完上述內容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注億速云行業資訊頻道,感謝您對億速云的支持。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。