JavaScript容易记错的一些细节记录

记录一些js中容易被忽视的小问题

- innerHTML大小写问题

innerText 是驼峰写法，但是 innerHTML 中HTML四个字母都是大写。

- js修改style的时候，属性值是字符串

element.style.display = "none"; // √
element.style.display = none; // ×

- number输入框的value值为字符串

input type="number"获取的value值类型是字符串，不是number。且除了数字还允许输入.、 +、e。

- html标签添加事件时要带括号

双引号中是会直接执行的语句，vue用多了写原生容易忘记。

<button type="button" id="button" onclick="func()">xxx</button>

- getElementById和getElementsByClassName等

注意element和elements差了个s，常用编辑器提示的可能会忘。

document.getElementById("xxx")
document.getElementsByClassName("xxx")