배열에 <SVG>
요소 코드가 있습니다. JavaScript를 사용하여 어떻게 추가 할 수 있습니까?<SVG> 요소를 배열에서 추가하는 방법
예 배열 :
global_array[0] = [ '<svg data="BusinessProductFigure" x="553.671875"
y="167" id= "something" xmlns="http://www.w3.org/2000/svg"
version="1.1"><rect x="4" y="4" width="60" height="14"
fill="rgb(299,299,162)" stroke-linejoin="round"
stroke="rgb(299,299,162)" stroke-width="1"/></svg>' ]
[1]
for(var i = 0; i <= global_array.length; i++) {
document.getElementById("main_svg").innerHTML = global_array[i];
}
})
이 오류를 제공하지 않습니다하지만 아무것도 추가하지 덧붙이 나는 다음을 시도했다. 콘솔에 체크인했습니다. 테스트 [2]
for(var i = 0; i <= global_array.length; i++) {
d3.select("#main_svg").append(global_array[i]);
}
})
에게 덧붙이
이것은 DOM 예외 오류가 있습니다.
여기
가능한 중복 http://stackoverflow.com/questions/ 29855452/d3-append-insert-existing-svg-string-or-element-to-a-div) –
예제 배열은'global_array'의 원소 0에 서브 배열을 할당하고 있습니다. 이 올바른지? –