Bom dia Igor,
Se sua pergunta for referente ai uso do .value
dentro do conceito de DOM, está propriedade fará com que seja retornado o valor interno do elemento ( <button>
, <input>
, <meter>
, <li>
, <option>
, <progress>
, <param>
).
Ex.:
// HTML
<input id='inputNumber' type="number" value=3>
// JAVACRIPT
const inputTag = document.querySelector('#inputNumber')
console.log(inputTag.value)
// SAIDA NO CONSOLE
3
Note que iniciamos o input com valor 3 apenas para demonstração. Poderíamos deixar sem valor inicial e fazer com que um evento capturasse o valor dentro do input quando quiséssemos.
Caso queiramos pegar o valor dentro de outro tipo de elemento, podemos fazer uso da propriedade .innerHTML
Ex.:
// HTML
<p id="paragrafo">Hello World</p>
// JAVASCRIPT
const texto = document.getElementById('paragrafo').innerHTML
console.log(texto)
// SAIDA NO CONSOLE
Hello World
Caso usemos o .value
em um elemento que n tem esta propriedade, como no caso da tag P
, seu retorno será undefined
Espero ter ajudado, qualquer outra duvida basta pergutnar.
-
Esta resposta foi modificada 2 anos, 5 meses atrás por IcaroFilho.