发表于: 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是不是就无法通过调用类名
  • 来修改样式



返回列表 返回列表
评论

    分享到