Id field

Id of an element

The id attribute, short for identity, defines a unique name for an element.

Using an id lets you find that element easily in code and apply styles.

During export every element is given a unique id. If two elements have the same default id a new one is created. Ids must be unique per page.

View the messages that are created during export to see any notifications of duplicate ids.

When you define your own id you can refer to it in code and stylesheets.

// JavaScript
var element = document.getElementById("myElement");

Set the id to none to exclude the id attribute.

Removing the id can break the look and behavior of your page or element.

Ids are case-sensitive. For example, “myelement” is different than, “MyElement”.

Demonstrations

These pages are included in the examples projects

Idvelara3.github.io

Getting element by idvelara3.github.io

Id and a style declarationvelara3.github.io

Layers with same idvelara3.github.io

Example Project

xd-examples/web-export/examples/id at master · velara3/xd-examplesGitHub

Learning Material

HTML id global attribute - HTML | MDNMDN Web Docs

id - SVG | MDNMDN Web Docs