javascript学习笔记--Dom简介和事件简介

DOM
他是用来操作网页的
Document Object Model 文档对象模型。document表示整个Html 网页文档；Object 表示将网页中每个部分都转换成一个对象；model使用模型来表示对象之间的关系

节点
网页中的每个部分都是节点，node
常用的节点（对象）：
文档节点（整个网页window）
元素节点（<h1></h1>）
属性节点（元素的属性）
文本节点（网页中的文本内容）

节点的属性nodeName、nodeType、nodeValue

<button id="but">这是一个按钮</button>
<script type="text/javascript">
console.log(document)
 获取文档对象
var doc=document.getElementById("but");
console.log(doc);
改变文本节点内容
but.innerHTML="Im a happy button"

事件：
事件就是文档或者浏览器窗口中发生的一些特定的交互瞬间，是浏览器和用户之间的交互行为

事件的两种方法：
1.直接在html中写j s代码，称之为结构和行为耦合，不方便维护。

    <button type="button" onclick="alert('你好')">我是个按钮</button>

2.获取文档对象

    <button id="butn"type="button" >我是个按钮</button>
    <script>
    var butn=document.getElementById("butn");
    butn.onclick=function () {
        alert("haha")
    }
</script>