0

行を作成し、データベースから値を取得するための私のコード:

   var response = JSON.parse(this.responseText);
    for(var ii=0; ii<response.length; ii++)
    {

        var road = document.createElementNS("http://www.w3.org/2000/svg", "line");
            road.x1.baseVal.value = response[ii].Linex1;         
            road.y1.baseVal.value = response[ii].Liney1;           
            road.x2.baseVal.value = response[ii].Linex2;           
            road.y2.baseVal.value = response[ii].Liney2;         
            road.setAttributeNS(null, "stroke", "#686968");  *
            road.setAttributeNS(null, "stroke-width", "14.520");
            road.setAttributeNS(null, "stroke-linecap", "round");
            road.setAttributeNS(null, "fill", "none");
            glblGeogSorc.getElementsByTagName("g")[0].appendChild(road);

     }

私の目標は、x1、x2、y1、および y2 に対応する特定の svgline elem を削除することです。

4

1 に答える 1

1

x1 y1 x2 と y2 の文字列連結である id 属性をそれらに与えることができ、 document.getElementById("" + x1 + y1 + x2 + y2) はそれらを取得し、 document.removeChild はそれを削除します。

もちろん、x1、y1、x2、y2 が少しずれていれば一致しません。それは問題ですか？その場合、一致させたいルールについて考える必要があります。1 つの解決策は、x1、y1 ... を特定の小数点以下の桁数に丸めて ID に入力し、ID で要素を検索するときに同じ方法で丸めることです。

于 2012-09-17T09:59:53.400 に答える