удалить кнопку HTML, используя JS

Question

Привет, у меня есть немного кода ниже, который создает кнопку в форме HTML.Когда пользователь ввел некоторую информацию, используя кнопку, я хочу, чтобы форма отражала это, удалив кнопку и заменив ее простым текстом.Я пытался получить внутренний html и использовать divs, но ничего не работает, кто-нибудь может помочь, пожалуйста?Я не ищу никого, кто бы написал код для меня, просто несколько указателей было бы замечательно.спасибо

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

Answer 1

Добавьте span с атрибутом id вокруг того, что вы хотите изменить. Когда пришло время, вот все, что вам нужно сделать:

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

Так, например, у вас будет строка:

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

и ваш сценарий скажет:

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

Answer 2

Поместите его в DIV и поместите текст в DIV, который скрыт.Когда пользователь начнет печатать, спрячьте кнопку DIV и покажите текст DIV.

Answer 3

Я предлагаю вам взглянуть на один из наборов инструментов Javascript, который делает его очень простым. Например, я использовал Prototype для этого. Конкретный метод - Element.hide () , и на странице есть пример использования.