document object model 的簡稱，意思為文件物件模型。主要用來對文件中的html節點進行操作。
dom的操作簡單示例：
<div
id="t1"
>
<
div><
input
type
="file"
/>
<
input
type
="button"
value
="刪除"
onclick
="del(this)"
/>
div>
div>
<
input
type
="button"
value
="增加"
onclick
="add()"
/>
<
script
>
function
add()
function
del(_this)
script
>
返回物件
集合：
(1).all;
(2).images;
(3).anchors;
(4).forms;
(5).links;
屬性：
document.cookie;設定或返回當前文件有關的所有
cookie
document.title;返回當前文件的標題
document.domain；返回當前文件的網域名稱
document.url;返回當前文件的
urlgetelementbyid(''); 返回指定id的第乙個物件。
getelementsbyname(''); 返回指定name名稱的物件集合（下標陣列）。 getelementsbyname('')[0];獲取物件集合的第乙個物件。
getelementsbytagname('');返回指定標籤名的物件集合（下標陣列）。 getelementsbytagname('')[0];獲取物件集合的第乙個物件。
.length(); 返回陣列長度。
.getattributenode();返回指定屬性的節點
.getattribute('');返回元素節點的指定屬性值
.createattribute('');創造屬性
.createelement_x('');創造元素
.setattribute();把指定屬性設定或更改為指定值
.setattributenode();設定或更改指定屬性的節點
.removechild();從元素中移除子節點
.removeattributenode();移除指定的屬性節點，並返回被移除的節點
.removeattribute();從元素中移除指定屬性
.replacechild();替換元素中的子節點
.insertbefore();在指定的已有的子節點之前插入新節點
.hasattribute();如果元素擁有指定屬性
,則返回
true
否則返回
false
.haschildnodes();如果元素擁有子節點
,則返回
true,
否則false
.isequalnode(); 檢查兩個元素是否相等
.isdefaultnamespace();指定的
namespaceuri
是預設的
,則返回
true,
否則返回
false
.classname class屬性
.id id屬性
.tagname 標籤名
.style 樣式屬性
.nodename 元素名稱
.nodetype 元素型別
.nodevalue 元素內容
.namespaceuri 返回元素的
namespace uri
.textcontent 設定或返回節點及其後代的文字內容
.innerhtml 設定覆蓋節點
的 html語句
.outerhtml 節點內追加的
html語句
.offsetheight 元素高度
.offsettop 返回元素的垂直偏移位置。
.scrolltop 返回元素上邊緣與檢視之間的距離。
.scrollheight 返回元素的整體高度
.clientheight 返回元素的可視高度
.tostrings();轉換成字串
JS中document物件和window物件有什
簡單來說，document是window的乙個物件屬性。window 物件表示瀏覽器中開啟的視窗。如果文件包含框架 frame 或 iframe 標籤 瀏覽器會為 html 文件建立乙個 window 物件，並為每個框架建立乙個額外的 window 物件。所有的全域性函式和物件都屬於window 物...
JS裡的物件
es規定的global 瀏覽器裡預設的是window,在控制台裡輸入window即可看到所有屬性 每次開啟瀏覽器它都會自動生成global,global指向的位址指向window,裡面存放各種屬性 函式,函式也是物件 es規定的 瀏覽器私有 winodw可省略 簡單型別m number 1 直接在s...
JS函式裡的this物件
標準函式，this引用的是把函式當成方法呼叫的物件 var age 18 將變數新增到window裡 let obj function getage getage 18 this指向window obj.getage getage obj.getage 20 this指向obj箭頭函式，this引用...