经过几秒钟的谷歌搜索，找到了这个https://stackoverflow.com/a/9602772/1217408
我创建了这个使用textContent的JSFiddle示例：http://jsfiddle.net/hVyTJ/1/
原始的http://jsfiddle.net/hVyTJ/使用标准的DOM遍历从根SVG元素到达文本元素，而更新直接通过ID指向文本元素。
对于查找属性值，您可以使用getAttributeNS，如下所述：http://www.carto.net/svg/manipulating_svg_with_dom_ecmascript/
编辑：
正如Phrogz所指出的，一个简单的getAttribute调用通常就足够了，阅读评论了解更多细节。

可以调用text()来返回svg:text元素的文本内容。

// assume svgCont is an svg element
var label = svgCont.append("svg:text").text("hello, world!");

// print the text content to the console
console.log( label.text() );

不用再多说了：
获取SVG元素：

svg = document.getElementById("my_svg_id");

从SVG中获取内部文本：

var text = svg.textContent

只使用dom方法

const svg = document.querySelector(`[data-uuid="live_map_svg"]`);

const shape = svg.querySelector(`text`);

const text = shape.innerHTML;
// const text = shape.textContent;

setTimeout(() => {
  svg.insertAdjacentHTML(`beforebegin`, text);
}, 1000);

.svg-box{
 width: 500px;
 height: 500px;
 background: #ccc;
 color: red;
 font-size: 16px;
}

[data-uuid="live_map_svg"]{
  font-size: 16px;
}

<div class="svg-box">
  <svg
    data-uuid="live_map_svg" id="live_map_svg"
    width="100%" height="100%"
    viewBox="0 0 100 100"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink">
    <text x="30" y="50" fill="#369acd">A Area</text>
  </svg>
</div>

对于只需要显示文本的用户，可以使用Selection API及其Range interface。
简单地使用.textContent也会获取所有未显示的文本节点：

const svg = document.querySelector("svg");
console.log(svg.textContent);

<svg>  
  <defs>
    <desc>This text is not displayed, it shouldn't be grabbed</desc>
    <!-- same for all the new-lines in the markup -->
   </defs>
  <rect width="100%" height="100%" fill="red" />  

  <circle cx="150" cy="100" r="80" fill="green" />  

  <text x="150" y="125" font-size="60" text-anchor="middle" fill="white">SVG</text>  

</svg>

由于SVG元素没有innerText属性，因此我们需要遍历所有文本节点，并检查选择它们时是否得到BBox。
一个二个一个一个