Свойство SVG Element.id

Опубликовано: 25 Февраля, 2022

Свойство SVG Element.id возвращает идентификатор данного элемента.

Синтаксис:

 var idStr = element.id; // Получаем идентификатор

Возвращаемое значение: это свойство возвращает идентификатор элемента.

Example 1:

HTML

<!DOCTYPE html> 
<html> 
  
<body> 
    <svg width="350" height="350" 
        xmlns="http://www.w3.org/2000/svg">
        <a href="https://www.geeksforgeeks.org" id="gfg">
            <circle cx="100" cy="100" r="80"></circle>
        </a>
        <script>
            var g = document.getElementById("gfg");
            console.log(g.id)
        </script>
    </svg>
</body> 
  
</html>

Выход:

Example 2:

HTML

<!DOCTYPE html> 
<html> 
  
<body> 
    <svg width="350" height="100" 
        xmlns="http://www.w3.org/2000/svg">
        <a href="https://www.geeksforgeeks.org" id="gfg">
            <text x="100" y="50" font-size="50px">GfG</text>
        </a>
        <script>
            var g = document.getElementById("gfg");
            console.log(g.id)
        </script>
    </svg>
</body> 
  
</html>

Выход:

HTML

Свойство SVG Element.id

HTML

HTML

РЕКОМЕНДУЕМЫЕ СТАТЬИ