引入echarts报错：Uncaught TypeError: Cannot read property ‘getAttribute‘ of null。

最新推荐文章于 2023-05-11 19:08:54 发布

鱼跃天空36

最新推荐文章于 2023-05-11 19:08:54 发布

阅读量930

点赞数 2

文章标签：前端

本文链接：https://blog.csdn.net/kunpengyupeng/article/details/118701607

版权

1.代码片段

<style>
    .box{
        width: 400px;
        height: 400px;
        margin: 40px auto;
    }
</style>
<div class="box"></div>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById("box"));
</script>
2.在引入echarts报错：Uncaught TypeError: Cannot read property 'getAttribute' of null。HTML中的body还没有执行，会出现获取不到div的属性。
有两种解决办法：
1.把div的样式改为内联样式，如：<div id="box" style="width: 400px;height: 400px;margin: 40px auto;"></div>
2.改变获取div的方法，如：
var myChart=echarts.init(document.querySelector('.box'));