<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>判断正负数</title>
</head>
<body>
<input type="text" id="num" />
<button name="submit" id="submit">判断</button>
<!-- JS 脚本通常在body的最后面写 -->
<script>
let num = document.getElementById("num");
let sub = document.getElementById("submit");
submit.onclick = function() {
// 1. 获取num里面的值(使用value获取文本框中的值)，并转换为number数据类型；
let n = Number(num.value);
//console.log(typeof n);
//console.log(n);
// 2. 判断是否是数值，使用isNaN
if (!isNaN(n)) {
if (n > 0) {
console.log("正数");
} else if (n < 0) {
console.log("负数");
} else {
console.log("零");
}
} else {
console.log("非数值！")
}
}
</script>
</body>
</html>
当返回一个元素对象时， 可以通过console.dir(对象名)展示该元素所有的属性名属性值（键值对）
其实onclick、style 等都是元素对象的属性，所以可以通过"元素名.属性名"调用赋值
常用的属性有：
id ： 操作元素的id值
className： 操作元素的类名
innerHTML： 操作元素的内容（可以识别标签）
innerText：操作元素的内容（不能识别标签）
tagName: 获取元素的标签名（一般大写）
style： 操作元素的行内样式, 属性值是一个新的对象： CSSStyleDeclaration
已知如下代码可以该表BOX元素的样式：
box.style.color = 'red';
那么 下面的写法是否能修改元素的样式，如果不可以是为甚？
// 第一种方案
let AA = box.style;
AA.color = 'red';
//第二种方案
let BB = box.style.color;
BB = 'red';
解答： 第二种不可以。
