JavaScript 的基本使用（一）

Javascript是什么 摘自百度百科 https://baike.baidu.com/item/javascript/321142
JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

基本使用

首先我们试着在body中创建两个class="myDiv"的div 并分别在里面写上1 和 2

接下来在body下方写 js 需要套上<script></script>标签 让浏览器解析知道这是 js 代码
我建议 js 最好放到body下方 这样子的好处是会等页面元素加载完再加载 js，不然可能会出现 js 获取不到元素的问题。
多个script标签 都是从上至下依次解析

然后我们试着用 js 来获取刚刚创建的 div 元素

使用 js 的 document.getElementsByClassName() 方法来获取元素 同理还有通过id等方式获取元素的方法
看方法名 意思就是获取所有class与你填入括号内内容相等的元素 括号内的内容需要套上双引号
然后获取到的元素需要一个变量来接收
我这里使用 divs来接收，var的意思就是声明一个变量 即声明divs是一个变量
然后用 =进行赋值 即将获取到的元素 赋值给 divs

console.log()方法是将括号内的内容在控制台输出 在浏览器里按F12 选择console即可进入控制台

然后我们使用 console.log(divs);方法来打印输出看看divs有什么属性

这里点开我们打印的对象 可以看到这个对象代表的是一个数组
其中0代表数组中的第一个元素也就是我们写的第一个div，1代表我们写的第二个div
length代表的是这个数组的长度
我们点开第一个元素查看这个div所拥有的属性

可以看到非常多 这里我挑几个常见的给大家解释

属性名	意义
id	标签里定义的id
innerHTML	标签的所有内容
innerText	标签的所有文本内容
className	标签里定义的class
tagName	标签名
style	css样式

接着我们试着用js来改变一下我们写的标签

divs[0]的意思代表获取divs数组的第一个元素
divs[0].style.fontSize="32px"的意思代表将第一个元素的css样式中的字体大小变成32px
具体效果如图

然后我们再来试试改变其他的属性 比如字体颜色
使用divs[0].style.color="red";将color设置为red

具体效果如图