fe5-2：js语言、dom编程

CSS：用来定义样式(网站的外观：字体大小、背景颜色)
script 标签不用再写 type，网站已经默认 script 标签为 JavaScript
JavaScript 文件的引用应该放在 body 标签最后执行
document.querySelectir()：用来查找元素(元素选择器)
getAttribute:只能得到默认值,而不是得到当前的值

var log = function() {
    console.log.apply(console, arguments)
}
// 元素选择器
var body = document.querySelector('body')
// class 选择器, 用的是   .类名
var form = document.querySelector('.login-form')
// id 选择器, 用的是   #id
var loginButton = document.querySelector('#id-button-login')

// 获取特定属性值
var user = document.querySelector('#id-input-username')
var userValue = user.getAttribute('value')
log('user value', userValue)
// 不存在的属性会返回 null, 它在 js 中代表不存在
log('没有的属性', user.getAttribute('不存在'))