xóa nút html bằng cách sử dụng js

Question

Xin chào, tôi có một chút mã bên dưới tạo nút trên biểu mẫu html. Khi người dùng đã nhập một số thông tin bằng cách sử dụng nút Tôi muốn biểu mẫu phản ánh điều này bằng cách xóa nút và thay thế bằng văn bản thuần túy. Tôi đã cố gắng nhận được html bên trong và sử dụng divs nhưng không có gì là làm việc bất cứ ai có thể giúp xin vui lòng? Tôi không tìm ai viết mã cho tôi chỉ một vài con trỏ sẽ là tuyệt vời. cảm ơn

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

Answer 1

Thêm span với thuộc tính id xung quanh bất kỳ nội dung nào bạn muốn thay đổi. Khi đó là thời gian, đây là tất cả những gì bạn cần làm:

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

Vì vậy, ví dụ, bạn muốn có dòng:

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

và kịch bản của bạn sẽ nói:

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

Answer 2

Đặt mã vào DIV và đặt văn bản vào DIV bị ẩn. Khi người dùng bắt đầu nhập, hãy ẩn nút DIV và hiển thị văn bản DIV.

Answer 3

Tôi khuyên bạn nên xem một trong các bộ công cụ Javascript giúp dễ dàng. Ví dụ: tôi đã sử dụng Prototype cho việc này. Phương thức cụ thể là Element.hide() và có ví dụ về cách sử dụng trên trang.