JavaScript DOM获取元素

我是表哥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() 可以打印我们获取的元素对象，更好的查看对象里面的属性和方法

/