javascript și divs, creând imagini și paragrafe în div.

Încerc să fac niște chestii de bază cu javascript, să-l obțin pentru a genera un conținut de site-uri în mod automat , dar mă conduce nebun! Ar putea cineva să vă arătați un exemplu simplu de cum să faceți JavaScript pentru a crea imagini noi și paragrafe în divs .. vă spun că structura site-ului meu este ca aceasta ...

<html>
<head>
</head>

<body>
<div id ="wrapper">
<div id ="content">
</div>
</div>
</body>

cum aș folosi o funcție de JavaScript pentru a crea imagini și paragrafe în "content" div pe încărcarea paginii și, de asemenea, făcând clic pe o imagine. Știu că trebuie să se întâmple cu DOM, dar am fost la acest lucru de ore și eu doar cant a merge la locul de muncă! Vă rog să-mi arătați un exemplu despre cum sa făcut. Mulțumesc mult anticipat!!!!!!

0
Oh, am încercat bine! M-am intalnit cu un fisier JS cu matricea informatiei
adăugat autor Guye Incognito, sursa
Ce ai încercat? Ai scris că ai încercat, apoi ne arătăm, poate că lipsești o virgulă? sau poate că nu ați încercat? arata-ne...
adăugat autor gdoron, sursa
Aruncați o privire la acest articol: Adăugarea elementelor în DOM . Am creat un exemplu bazat pe codul dvs. aici: jsfiddle.net/GCVGg
adăugat autor benni_mac_b, sursa

1 răspunsuri

În cea mai simplă formă:

// gets a reference to the div of id="content":
var div = document.getElementById('content'),
   //creates a new img element:
    img = document.createElement('img'),
   //creates a new p element:
    p = document.createElement('p'),
   //creates a new text-node:
    text = document.createTextNode('some text in the newly created text-node.');

// sets the src attribute of the newly-created image element:
img.src = 'http://lorempixel.com/400/200/people';

// appends the text-node to the newly-created p element:
p.appendChild(text);

// appends the newly-created image to the div (that we found above):
div.appendChild(img);
// appends the newly-created p element to the same div:
div.appendChild(p);

JS Fiddle demo.

Referințe:

0
adăugat
Mulțumesc mult!!!!!!!!!
adăugat autor Guye Incognito, sursa
Funcționează ca un farmec și un exemplu excelent de învățat. Mulțumesc foarte mult.
adăugat autor Master.Aurora, sursa
JavaScript, România - Moldova
JavaScript, România - Moldova
328 participanți

Comunitatea Română JavaScript: github.com/js-ro Pentru confort, opriți notificările. Parteneri: @node_ro, @php_ro, @python_ro, @seo_ro, @RomaniaGroup, @ai_ro, @Grupuri_IT Offtop: @holywars_ro Joburi: @js_jobs_ro Sponsored with ❤️ by ciupacabra.com