Javascript, xem [đối tượng HTMLInputElement]

Question

Tôi mới bắt đầu học HTML. Thực hiện một số alert() trên một trong các biến của tôi mang lại cho tôi kết quả này [object HTMLInputElement].

Cách lấy dữ liệu đã được thêm vào trường văn bản, nơi kiểu nhập của tôi là văn bản?

Answer 1

Giả sử biến của bạn là myNode, bạn có thể thực hiện myNode.value để truy lục giá trị của các yếu tố đầu vào.

Firebug có tab "DOM" hiển thị thuộc tính DOM hữu ích.

Cũng xem trang mozilla cho một tài liệu tham khảo: https://developer.mozilla.org/en-US/docs/DOM/HTMLInputElement

Answer 2

Nếu phần tử là một <input type="text">, bạn nên truy vấn thuộc tính value:

alert(element.value); 

Xem ví dụ trong jsFiddle này. Bạn cũng có thể xem xét sử dụng console.log() thay vì alert() cho mục đích gỡ lỗi. Nó không làm gián đoạn luồng thực thi của tập lệnh và bạn có thể xem tổng quan tất cả nhật ký trong hầu hết mọi trình duyệt bằng các công cụ dành cho nhà phát triển (ngoại trừ rằng một trong đó là, rõ ràng). Và tất nhiên, bạn có thể xem xét sử dụng một công cụ phát triển web như Firebug, ví dụ, là một addon mạnh mẽ cho Firefox cung cấp rất nhiều chức năng (gỡ lỗi mã JavaScript, thanh tra DOM, thay đổi DOM/CSS trong thời gian thực , yêu cầu giám sát ...)

Answer 3

<input type="text" /> 
<script> 
$("input:text").change(function() { 
    var value=$("input:text").val(); 
    alert(value); 
}); 
</script> 

sử dụng .val() để nhận được giá trị của phần tử (phương pháp jquery), $ ("đầu vào: nhắn tin") chọn này để chọn của bạn input, .change() để ràng buộc một trình xử lý sự kiện cho sự kiện JavaScript "thay đổi".

Answer 4

thay đổi:

$("input:text").change(function() { 
    var value=$("input:text").val(); 
    alert(value); 
}); 

để

$("input:text").change(function() { 
    var value=$("input[type=text].selector").val(); 
    alert(value); 
}); 

lưu ý: selector: id, lớp ..

Answer 5

Khi bạn nhận được một giá trị từ khách hàng thực hiện và rằng một giá trị ví dụ .

var current_text = document.getElementById('user_text').value; 
     var http = new XMLHttpRequest(); 
     http.onreadystatechange = function() { 

      if (http.readyState == 4 && http.status == 200){ 
       var response = http.responseText; 
       document.getElementById('server_response').value = response; 
       console.log(response.value); 


      }