Qual o erro do script? :s

15/04/2016

0

Boa noite pessoal, sou novo na área de java script e estou querendo fazer um script que pegue o valor "Hello World." da tag <div> pela sua class="example" e alerte Hello World, mas quando executo o código recebo [Object HTMLCollection] como resposta, onde está meu erro?

<!DOCTYPE html>
<html>
<body>

<div class="example">Hello World.</div>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    var x = document.getElementsByClassName("example");
    window.alert(x);
}
</script>

</body>
</html>

Foxtery

Foxtery

Responder

Posts

15/04/2016

Raylan Zibel

<!DOCTYPE html>
<html>
<body>
<div class="example" id="example">Hello World.</div>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
    //var x = document.getElementsByClassName("example");
    var x = document.getElementById("example");
    window.alert(x.innerText);
}
</script> 
</body>
</html>


Precisa ser pelo nome da classe?
Responder

15/04/2016

Foxtery

Vaaleu, funcionou, mas está obtendo pela id, seria possível obter pela class?
Responder

15/04/2016

Raylan Zibel

Implemente jQuery, vai ficar bem mais fácil. Com jQuery fica fácil referenciar pelas classes.
Responder

15/04/2016

Foxtery

Onde estou errando?
<!DOCTYPE html>
<html>
<head>
	<title></title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div class="example">Hello World.</div>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
	var x = $( ".example" );
    window.alert(x.innerText);
}
</script> 
</body>
</html>
Responder

15/04/2016

Raylan Zibel

<!DOCTYPE html>
<html>
<head>
    <title></title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div class="example">Hello World.</div>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
    var x = $( ".example" );
    window.alert(x.html()); // aqui
}
</script> 
</body>
</html>
Responder

15/04/2016

Foxtery

Obrigado Raylan, você é fera mesmo!
Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar