JS中出现 innerHTML is not a function 问题的解决办法

我们在用JS动态添加HTML时偶尔会出现这类错误

document.getElementById(...).innerHTML is not a function

因为我们不小心把代码写成了 这样

 document.getElementById("aaa").innerHTML("<p>数据读取中...</p>")

解决方案：

出现问题是马虎导致，在修改时不宜发现；

        1.innerHTML(a) 以一个变量的形式传入

let a =  "<div style='padding: 25px;font-size:15px'><p>数据读取中...</p><div>"
document.getElementById("aaa").innerHTML(a)

        2.用innerHTML = " "

document.getElementById("aaa").innerHTML = "<div style='padding: 25px;font-size:15px'><p>数据读取中...</p><div>"