JavaScript-DOM

简介      

        DOM是文档对象模型（Document Object Model，DOM）用于处理HTML文档的编程接口。

        翻译：对HTML内部的标签进行处理。

如何通过DOM获取元素节点

        通过DOM节点获取HTML元素的4种方法 每种方法都要掌握.非常相似.

        方法1:通过标签名获取元素

                var a = document.getElementsByTagName("标签名");

        方法2:通过class名获取元素

                var b = document.getElementsByClassName("class名");

        方法3:通过name获取元素

                var c = document.getElementsByName("name名");

        方法4:通过id获取元素 因为id是唯一标识符 所以返回的是一个元素,可以直接处理  

                var d = document.getElementById("ID名");

如何操作节点

                1.innerText表示给标签内部重新赋值或取值 这里是文本值

                2.innerHtml表示给标签内部重新赋值或取值 这里是html值

                注意以上2个方法只能作用于 非表单元素 例如 h标签 a标签 p标签等等

                第三个方法只能作用于表单元素

                例如input

                方法3： value表示给标签内部重新赋值或取值 这里是html值

如何操作节点的样式

                步骤1.思考需要修改什么样式

                步骤2.去css里面查看该样式的单词

                步骤3.按照提示来

                步骤4.通过 节点.style.xxx 表示取值或赋值

事件管理

                js中的事件: 用户对前台页面做出的一些操作 来触发一些函数

                例如用户的单击 双击 等等等等

                需求:用户点击id为a的元素 弹出一个窗口

                步骤1:获取元素

                ·步骤2: 元素.事件名 = function(){代码体}