js的dom學習筆記二

標籤：擷取   檔案   樣本   name   friend   代碼塊   ber   對象   get   

作者的自白：

　　　知道個大概的原理和意思，這能減少實際操作中所出現的錯誤，使用起來，能更加的得心應手。

1.識別對象。（清楚你要操作的是誰）

　　html給了網頁的控制項，css給了網頁的樣式，js提供動態網頁效果，具體就是使用者的互動（事件），當使用者通過input裝置給予瀏覽器某個事件資訊後，瀏覽器要回應使用者。瀏覽器怎麼回應使用者，瀏覽器裡的html檔案所以js的操作對象就是html控制項和html元素的樣式。對象要對應上需求，能更容易達到效果，更容易想出實現的步驟。（不能用不是該對象的方法來操作該對象，清楚整個api/庫的體系）

　　樣本：var a=13;//一個Number類型的對象

　　　　　var  obj={"name":"Marya","age":"18",}//一個Object類型的對象

　　　　　var str="hello,my friend";//一個String類型的對象

　　　　　var obj1=document.getElementById("div");//一個html文檔節點對象

 

    

2使用對象。（順利的操作對象，讓這個對象完成使命）

　　js指令碼語言成功的擷取document對象後，就要用上js能理解的、能執行的代碼塊來讓這個對象完成使命。

 　　樣本： var a=0,b=3,c;//定義對象，讓我們通過變數名來操作對象

　　　　　  c=a+b;//操作對象

　　　　　  var obj1=document.getElementById("div")；//擷取後放在obj1裡

　　　　　  console.log(obj1.nodeName ); //查看obj1的nodeName屬性（真正的業務實現裡，有更複雜的操作）

 

　　　　　

　　　　　　

js的dom學習筆記二