dom: document object model 文件物件模型 提供了一套管理操作html文件的規則
document 就是dom的乙個具象化的物件 整個文件物件就是 document
document物件，不需要手動建立，直接使用即可。
1.doctype
描述：獲取文件型別 它是document物件的第乙個直接子節點
語法：document.doctype
例子：console.log(document.doctype);//
2.documentelement *****
描述：獲取html文件 它是document物件的第二個直接子節點
語法：document.documentelement
例子：console.log( document.documentelement)
3.body
描述：獲取body內容
語法：document.body
例子：console.log(document.body);
4.head
描述：獲取head
語法：document.head
例子：console.log(document.head);
5.documenturi
描述;返回當前文件的位址 只能讀取
語法：document.documenturi
例子：console.log(document.documenturi);//http://localhost:63342/code/7.dom%e5%b8%b8%e7%94%a8%e5%b1%9e%e6%80%a7%e4%b8%8a.html
6.url
語法：document.url
例子：console.log(document.url);//http://localhost:63342/code/7.dom%e5%b8%b8%e7%94%a8%e5%b1%9e%e6%80%a7%e4%b8%8a.html
7.domain
描述：獲取當前文件的網域名稱
語法：document.domain
例子：console.log(document.domain);
8.lastmodified **
描述：返回文件的最後修改時間
語法：document.lastmodified
例子：console.log(document.lastmodified);
9①href: ***
描述：返回當前文件完整的資訊
語法：location.href
例子：console.log(document.location.href);//http://localhost:63342/code/8.dom%e5%b8%b8%e7%94%a8%e6%96%b9%e5%b1%9e%e6%80%a7%e4%b8%ad.html
注意：此屬性可讀可寫
既可以獲取當前文件的位址 也可以改變當前文件的位址
location.href = '';
②.protocol
描述：獲取當前文件遵守的協議
語法：location.protocol
例子：console.log(location.protocol);//http:
③host
描述：返回當前文件的網域名稱+埠號
語法：location.host
例子：console.log(location.host);//localhost:63342
④hostname
描述：返回網域名稱
語法：location.hostname
例子：console.log(location.hostname);
⑤port
描述：獲取當前文件的埠
語法：location.port
例子：console.log(location.port);//埠63342
⑥pathname
描述：返回當前文件在伺服器的路徑
語法：location.pathname
例子：console.log(location.pathname);///code/8.dom%e5%b8%b8%e7%94%a8%e6%96%b9%e5%b1%9e%e6%80%a7%e4%b8%ad.html
⑦location.search
語法：location.search
例子：console.log(location.search);//?username=bob&pwd=123456&***=mail
注意：1.表單必須具有name屬性
2.必須採用get請求
⑧assign()
例子:console.log(location.assign(''));
⑨reload()
語法：location.reload(false/true)
例子：btn.onclick = function () ;
⑩title
描述：獲取當前文件的標題
語法：document.title
例子：document.title='hehehe';
console.log(document.title);
注意：不僅可以獲取 還可以修改
⑩charset
描述：獲取當前文件的編碼
語法：document.charset
例子：console.log(document.charset);//utf-8
1.readystate: *****
描述：返回當前文件的狀態
語法：document.readystate
例子：console.log(document.readystate);//loading
var timer = setinterval(function ()
},2000);
注意：readystate屬性返回當前文件的狀態。
共有四種可能值：
尚未載入 unloading
載入html**階段（尚未完成解析） 「loading」，
已載入，文件與使用者可以開始互動 「interactive」，
全部載入完成是 「complete」。
2.anchors
描述:返回所有含有name屬性的a標籤
console.log(document.anchors);
console.log(document.forms);
Js DOM節點屬性
在文件物件模型 dom 中，每個節點都是乙個物件。dom 節點有三個重要的屬性 1.nodename 節點的名稱 2.nodevalue 節點的值 3.nodetype 節點的型別 一 nodename 屬性 節點的名稱，是唯讀的。1.元素節點的 nodename 與標籤名相同 2.屬性節點的 no...
常用JS dom操作
1 元素 1 建立元素 let para document.createelement p 建立新元素let node document.createtextnode 這是乙個新的文字節點 建立乙個新的文字節點 2 新增元素 parent.insertbefore child1,child0 在pa...
JS Dom操作 自定義屬性
1.設定屬性值 element.屬性 值 內建屬性值 element.setattribute 屬性 值 自定義屬性值 2.獲取屬性值 element.屬性 內建屬性值 element.getattribute 屬性 自定義屬性值 3.移除屬性值 element.removeattribute 屬性...