usunąć przycisk html za pomocą js

Question

Witam Mam trochę kodu poniżej, który tworzy przycisk na formularzu html. Kiedy użytkownik wprowadził pewne informacje za pomocą przycisku Chcę, aby formularz odzwierciedlał to, usuwając przycisk i zastępując go zwykłym tekstem. Próbowałem uzyskać wewnętrznego HTML i przy użyciu DIV, ale nic nie działa może ktoś pomóc proszę? Nie szukam nikogo, kto mógłby napisać kod dla mnie, tylko kilka wskazówek byłoby świetnych. dzięki

<td class="col1"><h3>Associated with :</h3></td> 
    <td class="col3"> 
    <input type="button" 
    value="Associate this job " 
    onclick="associate()" 
/></td> 

Answer 1

Dodaj atrybut span z atrybutem id wokół tego, co chcesz zmienić. Kiedy nadszedł czas, tu jest wszystko, co trzeba zrobić:

document.getElementById("spanIDhere").innerHTML = "Your text here"; 

Tak na przykład, że masz linię:

<span id="associatespan"> 
     <input type="button" value="Associate this job" onclick="associate()" /> 
    </span> 

i skrypt powie:

document.getElementById("associateSpan").innerHTML = "Look, no more button!"; 

Answer 2

Umieść go w DIV i umieścić tekst w ukrytym DIV. Kiedy użytkownik zaczyna pisać, ukryj przycisk DIV i pokaż tekst DIV.

Answer 3

Sugeruję, aby spojrzeć na jeden z zestawów narzędzi JavaScript, które czynią go bardzo łatwym. Na przykład użyłem do tego celu Prototype. Konkretna metoda to Element.hide() i istnieje przykład użycia na stronie.