3

Estou trabalhando com funções na qual eu devo passar (Obrigatoriamente) um elemento DOM.
Esta função ira trabalhar com as propriedades deste elemento DOM.

Exemplo

function changeValue(elem, value){
  elem.value = value;
}

var input = document.getElementsByTagName('input')[0];
changeValue(input, input.value.toUpperCase());
<input name="name" value="Guilherme" />

Duvida

  • Como verificar se o elemento é realmente um elemento DOM?
    e não uma instancia do jQuery ou { value : 'Guilherme'}.

1 Resposta 1

4

Você pode utilizar a função abaixo, retirei dessa resposta.

function isElement(o) {
  return (
    typeof HTMLElement === "object" ? o instanceof HTMLElement : //DOM2
    o && typeof o === "object" && o !== null && o.nodeType === 1 && typeof o.nodeName === "string"
  );
}

console.log(isElement(document.getElementById("campo"))); // elemento
console.log(isElement($("#campo"))); // objeto jQuery
console.log(isElement($("#campo")[0])); // elemento
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="campo">

2
  • Tem uma atualização. "The previous code didn't work in Chrome because Node and HTMLElement are functions instead of the expected object." Commented 21/11/2016 às 18:23
  • Bem observado! Alterei adicionando a versão atual. =)
    – Laerte
    Commented 21/11/2016 às 18:25

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .