2

Como posso fazer para saber se um determinado elemento existe, via campo input?

Exemplo

<html>

<body>

<input type="text" id="txt"><input type="button" value="mais" onclick="busca()">

<pre>Ex.: vaca, boi, porco ou galinha</pre>


<div id='vaca'></div>

<div id='boi'></div>

<div id='porco'></div>

<div id='galinha'></div>

</body>

<script>
    function busca() {

        var str = document.getElementById('txt').value;

        var obj = document.getElementsByTagName('div');

        for (var i = 0; i < obj.length; i++) {

            var el = o bj[i].id

            if (document.getElementById(el) != "undefined") {

                alert('existe sim');
                break;

            } else {

                alert('não existe');
                break;

            }

        }

    }
</script>

</html>

1

2 Respostas 2

3

function busca() {

  var str = document.getElementById('txt').value;
  var obj = document.getElementsByTagName('div');
  var existe = false;

  for (var i = 0; i < obj.length; i++) {
    if (obj[i].id == str) {
      existe = true;
      break;
    }
  }

  if (existe) {
    alert('existe sim');
  } else {
    alert('não existe');
  }

}
<input type="text" id="txt"><input type="button" value="mais" onclick="busca()">

<div id='vaca'></div>

<div id='boi'></div>

<div id='porco'></div>

<div id='galinha'></div>

0
3

Da forma que está fazendo não tem necessidade de percorrer todos os elementos, teria se estivesse procurando um elemento pelo atributo class (que pode se repetir). Um id é único por página, logo, se document.getElementById() retornar algo é porque o elemento existe:

function busca() {
  var str = document.getElementById('txt').value;
  
  if(document.getElementById(str))
    console.log(str + ' existe.');
  else
    console.log(str + ' ñ existe');
}
<input type="text" id="txt"><input type="button" value="mais" onclick="busca()">

<pre>Ex.: vaca, boi, porco ou galinha</pre>

<div id='vaca'></div>
<div id='boi'></div>
<div id='porco'></div>
<div id='galinha'></div>

0

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 .