<script>
/*
* DOM document object model 文档对象模型
* 节点：Node--构成HTML文档最基本的单元。（四类节点）
* -1，文档节点:整个HTML文档
* -2.元素节点：HTML中HTML标签
* -3.属性节点：元素的属性
* -4.文本节点：HTML标签中的文本内容
*/
</script>
</head>
<body>
<button id="btn">我是一个按钮</button>
<script>
/*
* 浏览器已经为我们提供了文档节点，是window的属性，document 可以直接使用
* •getElementById(id) - 获取带有指定 id 的节点（元素）
* •innerHTML - 节点（元素）的文本值
*/
//获取button按钮
console.log(document);
var btn = document.getElementById("btn");
console.log(btn);
//修改button的属性
btn.innerHTML = "I`m button";
/*
* 可以为按钮的对应事件绑定处理函数的形式来响应事件，事件被触发时，对应的函数被调用
*/
var btn = document.getElementById("btn");
btn.onclick = function(){
alert("你点我！");
};
</script>
9648
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
