eliminar un botón html usando js

Question

Hola, tengo un código a continuación que crea un botón en un formulario html. Cuando un usuario ha ingresado cierta información con el botón Quiero que el formulario refleje esto quitando el botón y reemplazándolo con solo texto plano. He intentado obtener el html interno y usar divs, pero nada funciona. ¿Alguien puede ayudar, por favor? No estoy buscando a nadie para escribir código para mí, solo unos pocos consejos serían geniales. gracias

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

Answer 1

Agregue un span con un atributo id alrededor de lo que sea que desee cambiar. Cuando sea el momento, esto es todo lo que tiene que hacer:

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

Así, por ejemplo, tendría la línea:

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

y su guión podría decir:

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

Answer 2

Colóquelo en un DIV y coloque el texto en un DIV que está oculto. Cuando el usuario comienza a escribir, oculte el botón DIV y muestre el texto DIV.

Answer 3

Sugiero que mire uno de los toolkits de Javascript que lo hacen muy fácil. Por ejemplo, he usado Prototype para esto. El método específico es Element.hide() y hay ejemplos de uso en la página.