我是表哥Harker,表妹我来咯~
今天正式进入DOM的学习,如果前面的HTML、CSS学的不错的,DOM也不难,网页开发三大核心HTML、CSS、JS是必须的,不管你怎么玩,就算是后面学习的什么JQuery也是在JS基础改良,WebAPI是 JS核心。所以建议表妹们努力把DOM学好,为后面的JQuery打好基础。
1、如何获取页面元素
- DOM在我们实际开发中主要用来操作元素
获取页面中的元素可以使用以下几种方式: (下面的方法都是Web APIs)
- 根据 ID 获取
- 根据标签名获取
- 通过 HTML5 新增的方法获取
- 特殊元素获取
补充知识点
- Console方法dir()显示指定JavaScript对象的属性的交互式列表。 输出显示为带有显示三角形的层次结构列表,可让您查看子对象的内容
- Console方法log()将消息输出到Web控制台。 该消息可以是单个字符串(具有可选的替换值),也可以是任何一个或多个JavaScript对象
- 两者本质上差不多,如果想要查看层次更加详细的信息用dir查看,一般输出就用log就行
2、根据 ID 获取
- 使用 getElementById() 方法可以获取带有 ID 的元素对象
- 使用 console.dir() 可以打印我们获取的元素对象,更好的查看对象里面的属性和方法
/