Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] Pobieranie wartości i wyświetlanie jej w innym miejscu
Forum PHP.pl > Forum > Po stronie przeglądarki
pikasso
Witam wszystkich serdecznie,
niestety jestem słaby w JS i walczę z tym już kilka dni... potrzebowałbym skrypt, który pobierze mi wartość z jednego elementu i wklei w ddrugielement.

Mój kod wyświetlający cenę wygląda tak
  1. <span id="CenaNetto">
  2. <span class="Wartosc">10,00 zł</span>
  3. </span>
  4. <span id="CenaBrutto">
  5. <span class="Wartosc">12,30 zł</span>
  6. </span>
  7.  
  8. <div id="TwojaWartosc">Twoja wartość netto to: xxx</div>


Teraz chciałbym z pomocą Java Scriptu wkleić w diva id="TwojaWartosc" po tekście "Twoja wartość netto to:" 10,00 bez zł
Napisałem taki skrypt, aby na początku pokazywał chociaż alert

  1. <script type="text/javascript">
  2. function TwojaWartosc() {
  3. var PodajCene = document.getElementById('CenaNetto"').getElementsByClassName('Wartosc');
  4. alert (PodajCene);
  5. }
  6. window.onload = TwojaWartosc;


Ale otrzymuję następujący komunikat w alercie [object HTMLCollection]

Jest ktoś na forum, kto chociaż trochę byłby w stanie mi pomóc?
trueblue
Jest literówka w argumencie dla getElementById, ale nie ma znaczenia wobec całej konstrukcji.

https://developer.mozilla.org/pl/docs/Web/A...t/querySelector
pikasso
Dzięki za wsparcie, zmieniłem trochę kod ale dalej mam pewien problem.

Obecnie wygląda on tak:

  1. <script type="text/javascript">// <![CDATA[
  2.  
  3. $(document).ready(function () {
  4.  
  5. var x = document.getElementById("CenaNetto");
  6. x.querySelector(".Wartosc");
  7.  
  8.  
  9. mycode = 2000 - x;
  10.  
  11. var html =
  12. '<div class="alert alert-success">Do zgarnięcia nagrody brakuje tylko: ' + mycode + ' zł</div>';
  13.  
  14. $('.main').append(html);
  15. });
  16. // ]]></script>


Po wszystkim wyskakuje mi teraz: "Do zgarnięcia nagrody brakuje tylko: NaN zł"

Wiem, że moja pobrana wartość to "10,00 zł" ale jak to teraz zamienić na cyfrę aby ta część kodu mogła się poprawnie przeliczyć?

  1. mycode = 2000 - x;


Z góry dzięki
trueblue
1. Zobacz jaki selektor można podstawić jako argument dla querySelector.
2. Zobacz co zwraca metoda querySelector.
3. Jeśli używasz jQuery, to używaj metod z tej biblioteki. Jeśli czystego JS, to czystego.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.