Resumo : neste tutorial, você aprenderá como copiar objetos em JavaScript, incluindo cópia superficial e cópia profunda. Para copiar um objeto em JavaScript, você tem três opções: …Use a sintaxe spread( ) Use o Object.assign()método Use os métodos JSON.stringify()eJSON.parse() O…
O código a seguir mostra como obter a largura e a altura da janela em px: const windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; const windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;Linguagem de código: JavaScript ( javascript ) Anterior Obtenha…
Para remover uma classe de um elemento, você usa o remove()método da classListpropriedade do elemento. Suponha que você tenha um <div>elemento como segue: <div class=”primary visible info”>Item</div>Linguagem de código: HTML, XML ( xml ) Para remover a classe visível do…
Para alternar um elemento, você altera a displaypropriedade do styleobjeto: function toggle(el) { const display = el.style.display; el.style.display = display === ‘none’ ? ‘block’ : ‘none’; }Linguagem de código: JavaScript ( javascript ) Anterior Obtenha estilos de um elemento Próximo…
Resumo : neste tutorial, você aprenderá como obter ou definir a posição de rolagem de um elemento usando as propriedades Element.scrollTop e Element.scrollLeft . Para obter ou definir a posição de rolagem de um elemento, siga estas etapas: Primeiro, selecione o elemento…
Para obter a posição de rolagem do documento, você usa as seguintes propriedades pageXOffset, pageYOffsetdo windowobjeto ou as propriedades scrollLefte scrollTopdo documentElementobjeto: let scrollLeft = window.pageXOffset || document.documentElement.scrollLeft, scrollTop = window.pageYOffset || document.documentElement.scrollTop;Linguagem de código: JavaScript ( javascript ) O…
Para adicionar uma classe a um elemento, você usa a classListpropriedade do elemento. Suponha que você tenha um elemento como segue: <div>Item</div>Linguagem de código: HTML, XML ( xml ) Para adicionar a classe box ao <div>elemento, use o seguinte: const…
Para obter a largura e a altura de um elemento, você usa as propriedades offsetWidthe offsetHeightdo elemento: const box = document.querySelector(‘.box’); const width = box.offsetWidth, height = box.offsetHeight;Linguagem de código: JavaScript ( javascript ) O offsetWidthe offsetHeightinclui o preenchimento e…
Para obter as coordenadas superior/esquerda de um elemento em relação ao seu pai, você usa as propriedades offsetLeft e offsetTop. Os valores de retorno estão em px: const el = document.querySelector(‘.box’); console.log(el.offsetLeft, el.offsetTop);Linguagem de código: JavaScript ( javascript ) Anterior…