亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

章節
問答
課簽
筆記
評論
占位
占位

DOM創建節點及節點屬性

通過JavaScript可以很方便的獲取DOM節點,從而進行一系列的DOM操作。但實際上一般開發者都習慣性的先定義好HTML結構,但這樣就非常不靈活了。

試想下這樣的情況:如果我們通過AJAX獲取到數據之后然后才能確定結構的話,這種情況就需要動態的處理節點了

本文向大家介紹一下如何使用JavaScript創建div節點元素,主要包括創建div節點元素的屬性和創建div節點元素的樣式兩大部分內容,相信本文介紹一定會讓你有所收獲。

先介紹下需要用到的瀏覽器提供的一些原生的方法(這里不處理低版本的IE兼容問題)

創建流程比較簡單,大體如下:

  1. 創建節點(常見的:元素、屬性和文本)
  2. 添加節點的一些屬性
  3. 加入到文檔中

流程中涉及的一點方法:

  • 創建元素:document.createElement
  • 設置屬性:setAttribute
  • 添加文本:innerHTML
  • 加入文檔:appendChild

如右邊代碼所示,寫一個最簡單的元素創建,我們會發現幾個問題:

  1. 每一個元素節點都必須單獨創建
  2. 節點是屬性需要單獨設置,而且設置的接口不是很統一
  3. 添加到指定的元素位置不靈活
  4. 最后還有一個最重要的:瀏覽器兼容問題處理

針對這一系列的DOM操作的問題,jQuery給出了一套非常完美的接口方法,我們之后就開始深入學習

任務

?不會了怎么辦
||

提問題

寫筆記

公開筆記
提交
||

請驗證,完成請求

由于請求次數過多,請先驗證,完成再次請求

加群二維碼

打開微信掃碼自動綁定

您還未綁定服務號

綁定后可得到

  • · 粉絲專屬優惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問題答復提醒
  • · 賬號支付安全提醒

收藏課程后,能更快找到我哦~

使用 Ctrl+D 可將課程添加到書簽

邀請您關注公眾號
關注后,及時獲悉本課程動態

舉報

0/150
提交
取消
全部 精華 我要發布
全部 我要發布
最熱 最新
只看我的

手記推薦

更多

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?