Jak zmienić zawartość <div> po #id

0

Mam taki problem chce zmienić zawartość kodu html diva. Mam taki kod w pliku html

<body>
    <div id="testowy"></div>
    <p>Test</p>
    <script src="script.js"></script>
</body>

a w pliku js mam

var els = document.querySelectorAll("#testowy");
els[0].innerHTML = "<p>TTTTT</p>";

W wyniku tego wyskakuje najpierw TTT a potem test. a chciałbym żeby cały kod html zastał zamieniony a nie że jest stary i nowy test. Jak to zrobic?

1

Zacznijmy od tego, że chcesz zmieniać treść DIV'a, ale paragraf ze słowem "Test" jest po tym DIV'ie. Prośba - opisz jeszcze raz, ale porządnie to, co chcesz uzyskać, bo póki co to masz pustego DIV, tekst do zmiany w innym miejscu, do tego jeszcze się zastanawiam, po co korzystasz z Document.querySelectorAll()? Skoro ten DIV ma ustawione ID, więc wystarczy skorzystać z Document.getElementById(). Pamiętaj, że w kodzie możesz mieć dowolną ilość elementów z danym class, ale tylko jeden z danym ID. Pytanie - czy korzystasz z querySelectorAll celowo, bo musisz, albo wynika to z czegoś innego, czy po prostu tak zrobiłeś, bo akurat taką poradę gdzieś znalazłeś?

0

Wrzuć <p> do diva

<body>
    <div id="testowy">
      <p>Test</p>
    </div>
    <script src="script.js"></script>
</body>

$(#testowy > p).text("TTTTT");

lub dodaj nowe p:

<body>
    <div id="testowy">
      
    </div>
    <p>Test</p>
    <script src="script.js"></script>
</body>

var newP = ("<p>",{
  class: "center"
});
newP.text("TTTTT");
//$("#testowy").empty();
$("#testowy").append(newP);
2

Złap p który jest za <div>

document.querySelectorAll("#testowy + p");
0

OK DZIĘKI Działa

1 użytkowników online, w tym zalogowanych: 0, gości: 1