javascript 常见错误001(innerHTML)

错误名称:无法设置未定义或 null 引用的属性“innerHTML”

一、用法

对于innerHTML属性,几乎所有的元素都有innerHTML属性,它是一个字符串(可以包含标签),可以设置或获取位于对象起始和结束标签内的HTML。innerHTML可以实现对HTML页面的修改。

例:document.getElementId("id").innerHTML='这就是显示的字符串'; 字符串也可以用""括起来

       document.getElementId("id").innerHTML='我是字符串<input type="button" name="test" value="按钮" ><img src="'+url+'" alt="" >'; 可以看出当里面又有字符串时最外面用单引号,里面的字符串用双引号,而有变量时写法同url。

二、关于错误:无法设置未定义或null引用的属性“innerHTML”

这种错误首先检查获取id书写是否有误,在无误的情况下,可能是对象没有加载完就被使用了,浏览器找不到DOM(W3C文档对象模型,定义了访问HTML和XML的标准)元素,就返回null。

解决方法:innerHTML代码放在window.onload=function{  }里或者在window.onload=function{  }函数之后执行,以保证id对象加载完成。

工欲善其事 必先利其器
原文地址:https://www.cnblogs.com/fengyouqi/p/7771873.html