• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Dlaczego jak chce dodać tyle znaków w innerHTML to nie działa?

Object Storage Arubacloud
0 głosów
644 wizyt
pytanie zadane 25 kwietnia 2017 w JavaScript przez Vorex444 Dyskutant (9,610 p.)

Cześć chciałem zrobić coś takiego

<script>
function aboutMe(){
    var h1 = document.getElementsByClassName('about-me-h1');
    h1[0].innerHTML="About me.";
    var about = document.getElementsByClassName('about-me-p');
    about[0].innerHTML="Cześć, mam na imię Wojtek i mam 18 lat. Chodzę do technikum    informatycznego, jestem na trzecim roku.
    We front-endzie siedzę już kilka miesięcy, sporo się nauczyłem, html5 i css3 nie sprawia mi trudności. W tej chwili dużo uczę się javascript.";
}
</script>  

Ale nie wiem dlaczego nie chce działać, jak dodam mniej wyrazów to wtedy działa, a jak tyle co w kodzie to już nie. Da się to jakoś  zrobić?

1
komentarz 25 kwietnia 2017 przez lateM Pasjonat (17,660 p.)
Polecam F12 w przeglądarce. Później zakładka "konsola". Inaczej będziesz pisał ten skrypt wieki. Przy okazji niczego się nie nauczysz, bo nie szukasz przyczyny i rozwiązania.

1 odpowiedź

0 głosów
odpowiedź 25 kwietnia 2017 przez xmentor Nałogowiec (49,520 p.)
wybrane 25 kwietnia 2017 przez Vorex444
 
Najlepsza
about[0].innerHTML="Cześć, mam na imię Wojtek i mam 18 lat. Chodzę do technikum    informatycznego, jestem na trzecim roku.
We front-endzie siedzę już kilka miesięcy, sporo się nauczyłem, html5 i css3 nie sprawia mi trudności. W tej chwili dużo uczę się javascript.";

Jak walnąłeś tam enter po kropce to nie zadziała.

about[0].innerHTML="Cześć, mam na imię Wojtek i mam 18 lat. Chodzę do technikum informatycznego, jestem na trzecim roku. We front-endzie siedzę już kilka miesięcy, sporo się nauczyłem, html5 i css3 nie sprawia mi trudności. W tej chwili dużo uczę się javascript.";

 

komentarz 25 kwietnia 2017 przez Vorex444 Dyskutant (9,610 p.)

dzięki mistrzu cheeky

komentarz 25 kwietnia 2017 przez Vorex444 Dyskutant (9,610 p.)
a jeszce jedno pytanko, chcę dodać img ale coś mi nie wychodzi.

about[0].innerHTML="Cześć, mam na imię Wojtek i mam 18 lat. Chodzę do technikum informatycznego, jestem na trzecim roku. We front-endzie siedzę już kilka miesięcy, sporo się nauczyłem, html5 i css3 nie sprawia mi trudności. W tej chwili dużo uczę się javascript.

"tutaj chcialem dodać ikonke.png"

";

tylko wlasnie tez mi nie wychodzi
komentarz 25 kwietnia 2017 przez xmentor Nałogowiec (49,520 p.)
w apostrofach ' img '
1
komentarz 25 kwietnia 2017 przez niezalogowany
const str = `Zawsze można
wstawić wszystko
w template string
<img src="url" alt='i nie kombinować'>`;

 

komentarz 25 kwietnia 2017 przez xmentor Nałogowiec (49,520 p.)
Można, ale w tym przypadku jest to zupełnie niepotrzebne.
komentarz 25 kwietnia 2017 przez ScriptyChris Mędrzec (190,190 p.)

@xmentor - dlaczego niepotrzebne?

Wstawienie wielo linijkowego wyrażenia w template string jest wygodniejsze i czytelniejsze niż zabawa w konkatenacje poszczególnych linijek. Ponadto, jeśli potrzeba do środka przemycić jakąś zmienną (np. ustawić dynamiczny atrybut tworzonego elementu HTML), to wstawiamy expression interpolation i ponownie odpada nam konieczność stosowania konkatenacji. Nawet wyszukiwanie użyć zmiennych (lub wywołań funkcji) przez interpolację w template string jest prostsze, niż dopatrywanie się znaków konkatenacji oraz pojedynczych lub podwójnych cudzysłowów (jedni piszą tak, a drudzy inaczej) - wystarczy wyszukać frazę "${" - zwłaszcza przy zapisywaniu atrybutów HTML.

komentarz 26 kwietnia 2017 przez xmentor Nałogowiec (49,520 p.)
edycja 26 kwietnia 2017 przez xmentor
Tutaj nawet te entery są nie potrzebne i żadna zmienna nie została użyta w tym stringu.

https://github.com/airbnb/javascript#strings--quotes

https://github.com/airbnb/javascript#strings--line-length

Podobne pytania

0 głosów
2 odpowiedzi 155 wizyt
0 głosów
1 odpowiedź 616 wizyt
pytanie zadane 4 sierpnia 2017 w JavaScript przez Vorex444 Dyskutant (9,610 p.)
0 głosów
0 odpowiedzi 698 wizyt
pytanie zadane 18 stycznia 2019 w JavaScript przez matilogias Obywatel (1,550 p.)

92,555 zapytań

141,402 odpowiedzi

319,540 komentarzy

61,938 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...