HTML:

<div id="myID">
    <h3 class="level-title">
     <span class="level-title-text">
        Grande Filme        </span>
    </h3>
</div>

JS:

var abc = document.getElementById('myID').getElementsByClassName('level-title-text').innerHTML;

console.log(abc);

Jak uzyskać tekst "Grande Filme" do zmiennej ABC?

JSFiddle tutaj

Próbowałem innerText i value, ale nie działał. Z góry dziękuje za twoją pomoc.

0
Nuno Nogueira 14 sierpień 2014, 13:03

3 odpowiedzi

Najlepsza odpowiedź

To będzie działać sam, getElementsByClassName() zwroty Obiekt podobny do tablicy wszystkich elementów dziecka, które mają wszystkie podane nazwy klas. Musisz więc użyć pierwszego elementu, spróbuj tego przykładowego kodu

var abc =  document.getElementsByClassName('level-title-text')[0].innerHTML;
2
Girish 14 sierpień 2014, 09:12

gettelementsByclassName zwraca kolekcję HTML, więc neeed to

document.getElementById('myID').getElementsByClassName('level-title-text')[0].innerHTML;

Spowoduje to powróci pierwsze wystąpienie danej nazwy klasy

Skrzypce

2
Dhaval Marthak 14 sierpień 2014, 09:11

Nie możesz uzyskać pojedynczego elementu, jeśli używasz getElementsByClassName(), więc użyj getElementById(), dając identyfikator w inny sposób, umożliwiając w przeciwnym razie, dając indeks tablicy.

var abc = document.getElementById('myID').getElementsByClassName('level-title-text').innerHTML[0]; //here zero is the array index

console.log(abc);

Lub użyj jquery

var abc=$('#myID').children('.level-title').first().children('.level-title-text').first().val();
console.log(abc);
1
Ganesh Gaxy 14 sierpień 2014, 09:26