鍍金池/ 問答/HTML5  Python  HTML/ 請問如何獲取并操作html中用<embed>標(biāo)簽嵌入的svg元素？

請問如何獲取并操作html中用<embed>標(biāo)簽嵌入的svg元素？

1.如題，本Noob遇到一個需要使用svg的h5項目，因為svg本身代碼量太大，
為了精簡就用了embed標(biāo)簽把svg嵌入我需要用到它的html頁面中去了。
現(xiàn)在需要獲取到svg中的path進(jìn)行樣式操作，請問如何實現(xiàn)？

附：在chrome瀏覽器開發(fā)者工具的Console中可以用選擇器獲得這樣的輸出，
不知道這是不是瀏覽器渲染后的結(jié)果，但問題就是不知道如何獲取里面的path元素然后進(jìn)行操作.

圖片描述

回答
編輯回答
憶往昔

你好，我遇到的同樣的問題，請問您解決了嗎？

2018年8月23日 10:23
編輯回答
安淺陌

調(diào)查了一下，需要注意的地方有兩處：1.有跨越問題 2.取得時機(jī)問題
下面的代碼，在localhost環(huán)境下運(yùn)行成功。

<embed type="image/svg+xml"  src="test.svg"/>
<script>
window.onload = function() {
    var embed = document.querySelector('embed')
    var d = embed.getSVGDocument()
    var svg = d.querySelector('svg')
    console.log(svg)
}
</script>
2018年5月3日 14:03