在使用renderTo中遇到的Uncaught TypeError: Cannot read property 'insertAdjacentHTML' of null

作为一个ExtJs的初学者，我会遇到很多错误，刚刚学习ExtJs我是一点没有接触过，不过感觉这个东西学着还是很有意思的

Uncaught TypeError: Cannot read property 'insertAdjacentHTML' of null

这个错误时我写进度条时候出现的错误，这个问题我研究了一天后来找到我学习那本书配的源码才找到错误，引起这个问题

的原因很多，不过我感觉我这个错误对于初学者的我来说确实很难，不过对于学过JavaScript的人来说太不应该了，我在使用

renderTo没有在<body>标签内加div，renderTo是要指到一个容器中，希望我这个文章可以帮助和我一样初学者遇到的问题

<html>
<head>
  <title>updateText</title>
  <link href="D:ext/resources/css/ext-all.css" rel="stylesheet" type="text/css"/>
  <STYLE TYPE="text/css">
  .newIcon { background-image: url(image/new.gif) !important; }
  .openIcon { background-image: url(image/open.gif) !important; }
  .saveIcon { background-image: url(image/save.gif) !important; }
   </STYLE>
  <script src="D:ext/bootstrap.js"></script>
  <script type="text/javascript">
   Ext.onReady(function(){
  var toolbar = new Ext.toolbar.Toolbar({//创建工具栏
   renderTo:'toolbar',
   width:300
  });

toolbar.add([//向工具栏中添加按钮
   {
    text:'新建',//按钮上显示的文字
    handler:onButtonClick,//点击按钮的处理函数
    iconCls:'newIcon'//在按钮上显示的图标
   },
   {text:'打开',handler:onButtonClick,iconCls:'openIcon'},
   {text:'保存',handler:onButtonClick,iconCls:'saveIcon'}
  ]);

function onButtonClick(btn){//点击按钮时调用的处理函数
   alert(btn.text);//取得按钮上的文字
  }
});
  </script>
</head>
<body>
  <div id='toolbar'></div>
</body>
</html>

在使用renderTo中遇到的Uncaught TypeError: Cannot read property 'insertAdjacentHTML' of null相关推荐

Uncaught TypeError: Cannot read property 'setAttribute' of null
Uncaught TypeError: Cannot read property 'setAttribute' of null 其实就是js中空指针异常 h5splayer.js:1 Uncaught ...
(原创)JS点击事件——Uncaught TypeError: Cannot set property 'onclick' of null
html部分代码: JS部分代码: 需要实现的效果:点击图片,来回相互切换. 我开始的错误做法:代码如上图所示(逻辑上看起来是没有错误的) 尝试过程:把JS代码放在</body>闭合标签之 ...
对于Uncaught TypeError: Cannot set property ‘innerHTML‘ of null 的理解
在w3school自学JavaScript时,发现一个很有意思的问题.首先看下面代码: <!DOCTYPE html> <html> <body><h2> ...
Uncaught TypeError: Cannot read property 'value'' of null
在用JS实现ajax做网页聊天室的时候,报了一个错误: Uncaught TypeError: Cannot read property 'value'' of null at chat (Gluti ...
Uncaught TypeError: Cannot read property 'length' of null错误怎么处理？
Uncaught TypeError: Cannot read property 'length' of null 错误怎么处理? 1.可能是返回的datagrid数据格式有问题,比如{"t ...
JS Uncaught TypeError: Cannot read property ‘indexOf‘ of null问题解决
问题描述: Uncaught TypeError: Cannot read property 'indexOf' of null 问题分析: 使用indexOf()的变量为null. 问题解决: 1. ...
数组push方法使用 Uncaught TypeError: Cannot read property ‘push‘ of null
1.向空数组内push一个数组,成为二维数组报错:Uncaught TypeError: Cannot read property 'push' of null 因为非数组是无法进行push操作的, ...
11.11 Ext JS Tooltip 出错 Uncaught TypeError: Cannot read property ‘contains‘ of null
问题: 在Grid中设置某列的类型是WidgetColumn, 并且根据该列的值的不同添加 Tooltip, 但是在第二次打开该组件页面时,Tooltip 会失效, 也就是不再显示了, 控制台会报如下 ...
Uncaught TypeError: Cannot read property 'DYMC' of null
var arr = [null,{"ADDR":"","BZ":"","CZSJ":"&q ...
使用天地图报错Uncaught TypeError: Cannot read property '_tdt_events' of null
在使用天地图新建 map = new T.Map("mapDiv")时,报如题错. 原因 mapDiv 放在了div的class中,正确应该为div的id..吐血转载于:htt ...

在使用renderTo中遇到的Uncaught TypeError: Cannot read property 'insertAdjacentHTML' of null

在使用renderTo中遇到的Uncaught TypeError: Cannot read property 'insertAdjacentHTML' of null相关推荐

最新文章

热门文章