switch
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
O elemento switch avalia os atributos requiredFeatures, requiredExtensions e o systemLanguage diretamente nos seus elementos filhos em ordem e, em seguida, processa e renderiza o primeiro filho que possua este atributo definido como verdadeiro. Todos os outros serão ignorados e, portanto, não renderizados. Se o elemento filho é um elemento recipiente como o <g>, então toda a subárvore será ou processada/renderizada ou ignorada/não renderizada.
Observe que os valores das propriedades display e visibility não possuem efeitos sob o processamento do elemento switch. Em particular, definindo display como none em um filho de um elemento switch não possuirá efeito sob o teste de verdadeiro/falso associado com o processamento de um elemento switch.
Contexto de uso
| Categorias | Elemento recipiente |
|---|---|
| Conteúdo permitido | Qualquer número dos seguintes elementos, em qualquer ordem: Elementos de animação Elementos descritivos Elementos de forma <a>, <foreignObject>, <g>, <image>, <svg>, <switch>, <text>, <use> |
Exemplo
Atributos
Atributos globais
Atributos específicos
Interface DOM
Este elemento implementa a interface do SVGSwitchElement.
Compatibilidade com navegadores
BCD tables only load in the browser