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: 860
    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: 860
    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: 860
    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