Question

我试图在这里删除字符串属性，但我想我没有引用子节点。这应该怎么做？

<!DOCTYPE HTML>
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
    <script type="text/javascript">
        var attrs = document.getElementById('test-1');
        attrs.removeAttribute('string');
    </script>
    <mask>
        <mpath>
            <font-face-format string="" id="test-1"></font-face-format>
       </mpath>  
    </mask>
</svg>

Answer 1

当它仍然不存在时，你试图引用它。

尝试将脚本块移动到文档的末尾，如

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">    
    <mask>
        <mpath>
            <font-face-format string="" id="test-1"></font-face-format>
        </mpath>  
    </mask>
    <script type="text/ecmascript">
       var attrs = document.getElementById('test-1');
       attrs.removeAttribute('string');
    </script>
</svg>

Answer 2

使用window.onload，以便在创建元素后执行代码。试试这个

<script type="text/javascript">
  window.onload = function(){
        var attrs = document.getElementById('test-1');
        attrs.removeAttribute('string');
 };
</script>

删除子节点

2 个答案: