arcgis js api 开发：点击按钮，移除一个div

最新推荐文章于 2025-11-12 08:57:49 发布

原创最新推荐文章于 2025-11-12 08:57:49 发布 · 217 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

ArcGIS 同时被 2 个专栏收录

31 篇文章

订阅专栏

Javascript

19 篇文章

订阅专栏

这篇博客探讨了如何在JavaScript中动态创建两个div元素（leftdiv和rightdiv），并将它们添加到主地图视图上。同时，作者展示了如何为这两个新div添加关闭按钮，点击按钮时能正确移除对应的div。实现这一功能的关键代码是通过`parentNode.removeChild()`方法，尽管语法上显得有些奇特，但能够有效工作。博客还提到，完整的div创建过程将在后续文章中详细说明。

使用场景：点击某个按钮，创建两个div（leftdiv，和rightdiv），放到了主地图view上，然后现在想在这个两个view上创建两个关闭按钮，点击按钮，移除这两个新创建的div。

function doLeftViewDivRemove(){
       // alert("doLeftViewDivRemove is called");
       //leftView.destroy(); //不可以这么写，这么写就都没有了，这个应该都是引用的关系。故注释掉
        var templeftviewdiv=document.getElementById("leftViewDiv");
            templeftviewdiv.parentNode.removeChild(templeftviewdiv);

        }
        function doRightViewDivRemove(){
          alert("doRightViewDivRemove is called");
          var temprightviewdiv=document.getElementById("rightViewDiv");
              temprightviewdiv.parentNode.removeChild(temprightviewdiv);
        }

这个想想也挺有意思的：通过var templeftviewdiv=document.getElementById("leftViewDiv") 这句话得到这个leftview，

然后这个下面的调用有点意思：

templeftviewdiv.parentNode.removeChild(templeftviewdiv);

就是说儿子.父亲.removeChild(儿子);感觉还是挺别扭的，但是这个就这么写就可以运行。

本博文聚焦在删除这个div这个函数怎么写，完整的创建div等，见下一篇。

再次奥！