1

我正在尝试让一些基本的 ecma 脚本在我拥有的 svg 文档中工作。

<svg contentScriptType="text/ecmascript" width="957px"
     xmlns:xlink="http://www.w3.org/1999/xlink" zoomAndPan="magnify"
     contentStyleType="text/css" viewBox="-2998 -1920 6580 5780" height="841px"
     preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
     version="1.1" onload="init(evt)"">

<script type = "text/ecmascript">
    <![CDATA[
        function init(evt) {
            if (window.svgDocument == null) {
                svgDoc = evt.target.ownerDocument;
            }
        }

        function displayName(name) {
            svgDoc.getElementById("node_name").firstChild.data = name;
        }
    ]]> </script>

<text class = "label" id = "node_name" x="10" y="390"></text>

<circle fill-opacity="0.2" fill="#3ccb5d" r="40.0" cx="1568.2628"
class="46960" cy="-1518.6278" stroke="#000000"
stroke-opacity="0.5" stroke-width="1.0" 
onmouseover="displayName('Showing Nodes')"/>
</svg>

但由于某种原因,每次我尝试从圆圈中触发 displayName 事件时,我都会在我的 svg 标签的最后一行(onload="init(evt)")得到一个“无法设置属性“数据”为 null”,我不完全确定为什么。想法?

4

2 回答 2

1

您应该真正使用 textContent,无论节点是否有子节点,它都可以使用,例如

function displayName(name) {
    svgDoc.getElementById("node_name").textContent = name;
}
于 2012-08-17T14:48:00.460 回答
0

好的,所以我设法弄清楚了这个问题的答案,但这很违反直觉,我觉得我真的应该把它贴在这里。显然,这不起作用的原因是,如果文本标记之间没有任何内容,则其数据被视为 null 而不是空的。

Broken Code:    
    <text class = "label" id = "node_name" x="10" y="390"></text>
    getElementById('node_name').firstChild == null

Working Code:
    <text class = "label" id = "node_name" x="10" y="390"> </text>
    getElementById('node_name').firstChild == " "
于 2012-08-17T14:38:15.357 回答