DOM:document object model 文档对象模型 学习API
API: 对象的属性和方法
浏览器在 解析html文档的时候会创建一个document对象,另外还会创建一个DOM树(元素,文本,注释等)
页面中所有标签都是对象
<script>
console.log(document);
//以一个对象的形式去打印 可以查看对象的属性和方法
console.dir(document);
</script>
获取文档的根标签
<script>
console.log(document.documentElement); //html
</script>
问题:一个基本数据数据类型要以对象的去打印怎么做?
<script>
// 基本数据类型要以对象的形式去打印方法:利用内置构造函数
// console.log(123);
console.log(new Number(123)); //Number {123}
</script>
快速写出多个相同元素的方法:
<body>
div.box.box${box$}*5
</body>
结果为:
<body>
<div class="box box1">box1</div>
<div class="box box2">box2</div>
<div class="box box3">box3</div>
<div class="box box4">box4</div>
<div class="box box5">box5</div>
</body>