Array
(
)

Qual o erro do script? :s

Foxtery
   - 15 abr 2016

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?
#Código

<!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>

Raylan
|
MVP
Pontos: 690
    15 abr 2016

#Código

<!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?

0
|
0

Foxtery
   - 15 abr 2016

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

0
|
0

Raylan
|
MVP
Pontos: 690
    15 abr 2016

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

0
|
0

Foxtery
   - 15 abr 2016

Onde estou errando?
#Código

<!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>

0
|
0

Raylan
|
MVP
Pontos: 690
    15 abr 2016

#Código

<!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>

0
|
0

Foxtery
   - 15 abr 2016

Obrigado Raylan, você é fera mesmo!

0
|
0