《JavaScript DOM程式設計藝術》筆記

2021-06-22 20:49:04 字數 1908 閱讀 8910

標記良好的**就是一切!

html:

js:

css:

dom方法和屬性:

0、css-dom:

元素節點:

1\與位置相關的屬性:firstchild\lastchild\nextsibling\previoussibling\parentnode\childnodes

2\與本身有關屬性:nodetype\nodename

3\style 屬性,返回物件:elementt.style.property,屬性以駝峰命名方式,不能檢索外部css文件的資訊

4\element.classname 可讀可寫 ;等價於element.setattribute("class","classname")1、

1級dom(dom core):

html-dom

返回型別

document.getelementbyid(「idvalue」)

return 元素節點物件

document/element.getelementbytagname(「tag name」)

documet.tagname(eg:document.body == document.getelementbytagname("body")[0]

return 整個文件/元素下所有的物件的陣列

element/object.getattribute(「attribute」)

element.attributename

return 屬性值

object.setattribute(「attribute」,」attribute value」)

element.attributename = attribute value

不會改變文件本身的源**:動態重新整理不影響文件靜態內容

4、用js寫入html:node.nodevalue="value";

舊方法:

dom:只改變dom節點樹,對原始檔不做物理性改變

/*不要濫用,重要內容不要用這種方式新增*/

ajax:

***************優雅的分割線********************

寫優雅的**應該注意什麼?

**準則:

1、循序漸進:從最核心的內容(用html給核心內容加上最正確的標籤,使她呈現正確的結構),然後逐步充實內容!

2、預留退路

寫html需要注意什麼?

1、使用的標記必須與做出的doctype宣告保持一致!

2、寫語義正確的html**

3、html 變數名應該用功能性命名,而不是樣式命名

html5的意義:

標準 跨瀏覽器 標準的重要性 相容

/*瀏覽器嗅探,很難做到面面俱到,還使**複雜*/

css不要過度依賴類選擇器\id選擇器,要組合使用型別後代id和類\偽類

js要注意空的判斷,使程式不會異常退出:

1、檢測dom方法、檢測物件,為程式預留退路(沒有js也不影響內容的正常顯示)

2、檢測不到物件,程式也能正常執行

javaScript DOM程式設計

1.獲取dom樹的根節點 2.getelementbyid 根據標籤的id獲取標籤元素和getelementsbytagname根據標籤名獲取標籤,返回的是陣列的形式 3.getelementsbynames 根據標籤的name屬性獲取標籤,返回的是陣列形式 有兩個input標籤,因此列印結果是2 ...

JavaScript DOM程式設計

dom document objective model 文字物件模型 例子 clickme 例子 先獲取某一指定的元素節點 再讀指定元素節點的屬性 設定指定元素節點的屬性的值 例子 你喜歡那個城市?你喜歡哪款單擊遊戲?name 先獲取某節點。用childnodes方法獲取指定元素節點的所有子節點。...

JavaScript DOM程式設計藝術讀後感(二)

function insertafter newelement,targetelement else 8.ajaxfunction getnewcontent request.send null else addloadevent getnewcontent 9.伺服器在向xmlhttpreques...