1.常用方法
getElementById :它是DOM对象的方法,并且获取元素要通过id选择器。
getElementById方法可以获取到节点树上的任意节点 。【 只有给标签添加id属性,才能通过id选择器进行选择。 】
作用:不管标签在网页中嵌套关系有多复杂,都可以用这个方法获取到。
2.代码展示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DOM的常用方法</title>
<style>
*{
margin: 0;
padding: 0;
}
#box{
color: red;
text-indent: 3em;
background-color: cyan;
}
</style>
</head>
<body>
<div id="box">我有一个梦想</div>
</body>
</html>
<script>
var element = document.getElementById("box");
console.log(element);
console.log(typeof element);
</script>
3.效果图
篇章
上一篇:DOM教程1-常用属性
下一篇:DOM教程3-事件处理