js的dom学习笔记二

Posted 2020-10-04

作者的自白：

　　　知道个大概的原理和意思，这能减少实际操作中所出现的错误，使用起来，能更加的得心应手。

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属性（真正的业务实现里，有更复杂的操作）