DOM知識總結

2022-03-15 01:46:40 字數 1410 閱讀 3834

1.什麼是dom:

文件物件模型 (dom) 是html和xml文件的程式設計介面。它提供了對文件的結構化的表述,並定義了一種方式可以使從程

序中對該結構進行訪問,從而改變文件的結構,樣式和內容。dom 將文件解析為乙個由節點和物件(包含屬性和方法的物件)

組成的結構集合。簡言之,它會將web頁面和指令碼或程式語言連線起來。

獲得div資訊:
document.getelementbyid("div對應的id");
"en

">

"intro

">helloworld

"main

">

the dom is very useful.

class="

content

">1

class="

content

">2

class="

content

">3

class="

content

">4

dom的節點:

var p=document.createelement("p");//生成乙個

var word=document.createtextnode("我是新增的p標籤「);//在

裡面新增p的內容

dom的事件:也就是點選某乙個內容觸發事件

為 元素新增點選事件。 當使用者點選按鈕時,在 id="demo" 的 元素上輸出 "hello world" :

document.getelementbyid("

mybtn

").addeventlistener("

click

", function());

按鈕我是main

我是btn

window.location:

步驟:瀏覽器介面——按下f12——點選console——分別輸入如下內容

location.hostname 返回web主機的網域名稱

location.pathname返回當前頁面的路徑和檔名

location.protocol 返回所使用的web協議(http://或者https://)

location.href返回(當前頁面的整個url)

window.history:

window.history 物件在編寫時可不使用window這個字首直接寫history

history.back()在與瀏覽器點選後會後退一級

history.forward()在與瀏覽器中點選按鈕向前一級

javascript原生DOM知識總結

dom是 document object model的縮寫,也就是文件物件模型的意思,它是一種用於html和xml文件的程式設計介面。它給文件提供了一種結構化的表示方法,可以改變文件的內容和呈現方式。上面對dom的解釋比較官方不易理解,用我自己的話來解釋的話 網頁是由一系列的html組成,如果把每乙...

DOM高階知識

需求 使用element.style.left是無法獲取值的,只能給style.left賦值 因此需要用offset獲取該元素在頁面中的位置 1 offsetleft 表示自己的左上角相對於乙個叫做offsetparent的水平偏移量 1 標準流 浮動 非脫標定位 offsetparent是誰?bo...

Dom思維總結

element 物件 原來是w3c的標準在作怪啊 transitional.dtd 如果在頁面中新增這行標記的話 在ie中 document.body.clientwidth body物件寬度 document.body.clientheight body物件高度 document.document...