Forum PHP.pl > [JavaScript]appenchild nie dziala

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]appenchild nie dziala

neo1986kk

18.12.2010, 15:30:03

[PHP] pobierz, plaintext 
<html>
<body>
<script language="javascript">
function function1(){
   var myElement = document.createElement('<div style="width:600; height:200;background-color:blue;">www.java2s.com</div>');
   document.all.myBody.appendChild(myElement); 
} 
</script>
<body id="myBody"><button onclick="function1();">Append child</button></body>
</body>
</html>
 
[PHP] pobierz, plaintext

czemu to nie działa?

cycofiasz

18.12.2010, 15:49:10

Bo metoda createElement przyjmuje jako parametr nazwę elementu, czyli tylko 'div' tam powinno być
później możesz temu elementowi dodać innerHTML

kamil4u

18.12.2010, 15:59:24

Dodam do wypowiedzi ~cycofiasz:
- http://kurs.browsehappy.pl/JavaScript/DOM (w szczególności 'Atrybuty'), chodź polecam _cały_ artykuł
- konstrukcję do dodawania CSS, jak w atrybucie style:

Kod

//referencja_do_elementu -> Twoja zmienna myElement
referencja_do_elementu.style.color = '#000';
//lub
referencja_do_elementu.style['color'] = '#000';
//dla nazw kilkuczłonowych
referencja_do_elementu.style.backgroundColor = '#000'; //bez '-' i następna nazwa z dużej litery

Proponuję się też przerzucić na funkcję związane z DOM - np. getElementById - więcej w linku

Poczytaj też: http://kurs.browsehappy.pl/Definicja/DOM

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.