dom（document object model 文件物件模型）
乙個web頁面的展示，是由html標籤組合成的乙個頁面，dom物件實際就是將html標籤轉換成了乙個文件物件。可以通過dom物件中js提供的方法，找到html的各個標籤。通過找到標籤就可以操作標籤使頁面動起來，讓頁面動起來。
dom操作，文件物件模型，操作頁面上的任意的乙個標籤，如何定位標籤byid,byclass,當標籤沒有id和class時候 需要簡介定位，分析html 目標標籤和當前標籤的關係，搞清楚尋找路徑，用下面的方法進行定位，定位後找到value(只要能看到就能修改),input,select
div標籤定位例如：
<
div
class
="inner"
id="inner1"
>
<
span
>input:
span
>
<
input
type
="text"
placeholder
="div的id是inner1"
>
div>
// 定位標籤 賦值給e 找到div標籤
var e = document.getelementbyid('inner1')
innertext與innerhtml區別，
innertext新增的是字串
e.innertext='
<
a href
=""a>
' innerhtml如果傳乙個符合html標籤規則的字串那麼可以點選跳轉
e.innerhtml='
<
a href
=""a>
' 方法：
e.children 獲取div標籤的子元素[span,input]
e.firstelementchild 獲取第乙個子元素
e.lastelementchild的 獲取最後乙個上相鄰元素
e.parentelement 拿div外層的標籤
e.nextelementsibling 下乙個兄弟標籤
e.previouselementsibling 上乙個兄弟標籤
操作樣式
e =
1.首先定位標籤
2.通過classname修改樣式 e.classname='css樣式'
通過classlist.add('css樣式')增加樣式，classlist.remove('css樣式')刪除樣式
3.操作style屬性 e.style.backgroundcolor='black'
4.隱藏某乙個元素 e.style.display='none'
操作屬性
r =
1.removeattribute(key): 刪除屬性，在標籤中刪除指定屬性 r.removeattribute('value')
2.setattribute(key,value): 設定屬性，在標籤中新增屬性或自定義屬性 r.setattribute('placeholder','請輸入使用者名稱')
字串建立標籤
var str = ''
e.insertadjacenthtml('beforebegin',str)
beforebegin: 插入到獲取到標籤的前面
afterbegin: 插入到獲取到標籤的子標籤的前面
beforeend: 插入到獲取到標籤的子標籤的後面
afterend: 插入到獲取到標籤的後面
Web前端之DOM介紹
什麼是dom dom，document object model文件物件模型。html dom 定義了訪問和操作 html 文件的標準方法。dom 將 html 文件表達為樹結構，html檔案中每個標籤都是乙個節點node 物件是一種獨立的資料集合，有對應的屬性和方法。而js中物件分類三種 使用者定...
Web 前端設計模式 Dom重構
1.設計場景 某個週末的早上躲在家裡睡大覺，突然我們老大 億網公司的技術總監 乙個 撥過來，他說 智華，你趕緊從床上跳起來，不要刷牙，不要洗臉，滾到電腦面前，開啟電腦，我們的印刷網 出問題了.此時不能責怪公司的伺服器爛，網速卡之類的，那樣很可能會導致老大對我一頓胖揍甚至扣獎金.所以只能從 效能方面進...
Web前端認識day 16（DOM）
8 dom 8.1 dom概念 dom document object model 文件物件模型 通過開發者工具可以看到 整個文件是由一系列的節點物件組成的一棵樹 節點 node 包括元素節點 1 屬性節點 2 和文字節點 3 th1代表乙個元素節點 nodetype 1 nodename是標籤名 ...