1. ホーム
  2. javascript

[解決済み] div の子 DOM 要素をすべて削除する

2022-06-27 21:57:47

質問

私は、divの下に表面グラフィックス要素を作成するために、以下のdojoコードを持っています。

....
<script type=text/javascript>
....
   function drawRec(){
      var node = dojo.byId("surface");
      //   remove all the children graphics
      var surface = dojox.gfx.createSurface(node, 600, 600);

      surface.createLine({
         x1 : 0,
         y1 : 0,
         x2 : 600,
         y2 : 600
      }).setStroke("black");
   }
....
</script>
....
<body>
<div id="surface"></div>
....

drawRec() は、初回に矩形グラフィックを描画します。このようにアンカーhrefで再度この関数を呼び出すと。

 <a href="javascript:drawRec();">...</a>

とすると、また別のグラフィックが描画されます。私はdivの下のすべてのグラフィックスをきれいにする必要があり、その後再び作成します。どのように私はそれを行うためにいくつかのDOJOコードを追加することができますか?

どのように解決するには?

while (node.hasChildNodes()) {
    node.removeChild(node.lastChild);
}