发表于: 2017-04-14 20:48:59
1 591
今日所做:
1.学习js基础知识,了解了dom的概念;dom是document、object、model的首字母缩写,
即文档对象模型,DOM是JavaScript操作网页的接口,它的作用是将网页转为一个JavaScript对象,
从而可以用脚本进行各种操作(比如增删内容)
2.DOM的最小组成单位叫做节点(node)。文档的树形结构(DOM树),就是由各种不同类型的节点组成
3.文档的类型有7种:
- Document:整个文档树的顶层节点
- DocumentType:doctype标签(比如<!DOCTYPE html>)
- Element:网页的各种HTML标签(比如<body>、<a>等)
- Attribute:网页元素的属性(比如class="right")
- Text:标签之间或标签包含的文本
- Comment:注释
- DocumentFragment:文档的片段
- 4.我们可以通过js去修改css的样式,获得dom有三种方法:
- document.getElementById(),即通过id获得元素
- document.getElementByClassName(),即通过类名获得元素
- document.getElementByTagName(),即通过标签名获得元素
- 明日计划:
- 继续记性js的学习,修改之前的任务
- 遇到的问题:
- 想通过document.getElementByClassName().style.backgroundcolor="red"去修改某个div的颜色的时候,
- 始终不能实现,但是用document.getElementById().style.backgroundcolor="red"就可以修改,可是如果
- 想修改许多相同div的样式的时候,如果用id名一个一个调用太麻烦了,不知道js是不是就无法通过调用类名
- 来修改样式
评论