SVG DOMStringList.length 属性

概述

SVG DOMStringList.length 属性返回 SVG DOMStringList 对象中的字符串数量。

SVG DOMStringList 对象是一种类数组结构，它包含一组字符串值，这些字符串值通常用于指定 SVG 元素的属性或参数。

语法

var length = svgDomStringList.length;

返回值

SVG DOMStringList.length 属性返回一个表示 SVG DOMStringList 对象中字符串数量的整数值。

注意事项

• 如果 SVG DOMStringList 对象为空，则 SVG DOMStringList.length 属性返回 0。
• SVG DOMStringList 对象中的字符串数量可以通过 SVG DOMStringList 对象的 length 属性进行访问，也可以使用 SVG DOMStringList 对象的 item() 方法进行访问。

示例

<svg id="mySVG" viewBox="0 0 100 100"
  xmlns="http://www.w3.org/2000/svg">

  <polygon points="50 10 20 40 80 40"/>
  <polygon points="50 90 20 60 80 60"/>

  <script>
    var polygons = document.getElementsByTagName("polygon");
    var pointsList1 = polygons[0].points; // SVGPointList 对象
    var pointsList2 = polygons[1].points; // SVGPointList 对象

    var points1Len = pointsList1.length; // 返回 3
    var points2Len = pointsList2.length; // 返回 3
  </script>

</svg>

上面的示例中，我们获取了两个多边形元素的 points 属性（SVGPointList 对象），并使用 length 属性获取了每个点列表中的字符串数量（这里为 3）。