Lý do bạn hoạt động không hoạt động khi lol được xác định bên ngoài nó, là do DOM chưa được tải khi JavaScript được chạy đầu tiên. Do đó, getElementById sẽ trả lại null [xem MDN].
Bạn đã tìm thấy giải pháp rõ ràng nhất: bằng cách gọi getElementById bên trong hàm, DOM sẽ được tải và sẵn sàng vào thời điểm hàm được gọi và phần tử sẽ được tìm thấy giống như bạn mong đợi.
Có một vài giải pháp khác. Một là đợi cho đến khi toàn bộ tài liệu được tải, như thế này:
var lolz;
function onload[] {
lolz = document.getElementById['lolz'];
}
function kk[]{
alert[lolz.value];
}
Lưu ý thuộc tính onload của thẻ
$[document].ready[function[] {
var lolz = $['#lolz'];
var kk = $['#kk'];
kk.click[function[] {
alert[lolz.val[]];
}];
}];
Tuy nhiên, có một vấn đề với onload: nó chờ cho đến khi mọi thứ [bao gồm cả hình ảnh, v.v.] được tải.everything [including images, etc.] is loaded.
Tùy chọn khác là đợi cho đến khi DOM sẵn sàng [thường sớm hơn nhiều so với onload]. Điều này có thể được thực hiện với JavaScript "trơn", nhưng việc sử dụng thư viện DOM như JQuery sẽ dễ dàng hơn nhiều.
Ví dụ:
$[document].ready[function[] {
var lolz = $['#lolz'];
var kk = $['#kk'];
kk.click[function[] {
alert[lolz.val[]];
}];
}];
JQuery's .reetReady [] có một chức năng như một đối số. Chức năng sẽ được chạy ngay khi DOM đã sẵn sàng. Ví dụ thứ hai này cũng sử dụng .Click [] để liên kết trình xử lý
$[document].ready[function[] {
var lolz = $['#lolz'];
var kk = $['#kk'];
kk.click[function[] {
alert[lolz.val[]];
}];
}];
Chủ đề: JavaScript / JQueryPrev | Tiếp theoPrev|Next
Trả lời: Sử dụng thuộc tính
$[document].ready[function[] {
var lolz = $['#lolz'];
var kk = $['#kk'];
kk.click[function[] {
alert[lolz.val[]];
}];
}];
6
$[document].ready[function[] {
var lolz = $['#lolz'];
var kk = $['#kk'];
kk.click[function[] {
alert[lolz.val[]];
}];
}];
Bạn có thể chỉ cần sử dụng thuộc tính
$[document].ready[function[] {
var lolz = $['#lolz'];
var kk = $['#kk'];
kk.click[function[] {
alert[lolz.val[]];
}];
}];
Ví dụ sau sẽ hiển thị văn bản đã nhập trong trường nhập vào nút Nhấp vào bằng JavaScript.
Get Text Input Field Value in JavaScript
Get Value
function getInputValue[]{
// Selecting the input element and get its value
var inputVal = document.getElementById["myInput"].value;
// Displaying the value
alert[inputVal];
}
Câu hỏi thường gặp liên quan
Dưới đây là một số Câu hỏi thường gặp liên quan đến chủ đề này:
- Cách nhận giá trị của Textarea trong JQuery
- Cách nhận tên tệp được chọn từ tệp loại đầu vào bằng cách sử dụng jQuery
- Cách kiểm tra một chuỗi trống trong JavaScript
Xác định các thuộc tính như ID, chiều rộng, loại ETC của phần tử đầu vào.
Thêm phần tử đầu vào vào DIV/trình giữ chỗ được xác định.
sumbit
function myFunction[] {
let tokenAmount = document.getElementById["numberInput"].value;
return // whatever you want to do with it
}
Làm thế nào để bạn nhận được giá trị đầu vào trực tiếp trong JavaScript mà không có phần tử HTML?
document.getElementById["myText"].value = "Johnny Bravo";
Cách nhận giá trị đầu vào với JavaScript
Làm cách nào để nhận được giá trị của trường đầu vào văn bản bằng JavaScript?
Chúng ta có thể nhận được giá trị của trường đầu vào văn bản bằng các phương thức khác nhau trong JavaScript. Có một thuộc tính giá trị văn bản có thể đặt và trả về giá trị của thuộc tính giá trị của trường văn bản. Ngoài ra, chúng ta có thể sử dụng phương thức jQuery val [] bên trong tập lệnh để nhận hoặc đặt giá trị của trường đầu vào văn bản.
Làm thế nào có thể nhận được giá trị hộp văn bản trên nút Nhấp vào trong React JS?
Để nhận được giá trị của đầu vào không được kiểm soát trên nút bấm trong React:
- Khởi tạo một ref bằng cách sử dụng hook useref và đặt nó trên trường nhập.
- Thêm một prop title vào một phần tử nút.
- Khi nút được nhấp, truy cập giá trị của trường đầu vào dưới dạng Ref. hiện hành. giá trị .
Làm thế nào để bạn tìm thấy giá trị của đầu vào?
Đầu vào tài sản giá trị văn bản
- Thay đổi giá trị của trường văn bản: Tài liệu.
- Nhận giá trị của trường văn bản: Var X = Document.
- Danh sách thả xuống trong một biểu mẫu: Var mylist = Document.
- Một danh sách thả xuống khác: Var No = Document.
- Một ví dụ cho thấy sự khác biệt giữa thuộc tính DefaultValue và Value: Var X = Document.
Làm cách nào để thêm trường văn bản vào một nút bấm?
Một trường văn bản mới sẽ được tạo và hiển thị ở vị trí đã cho. Thử! Giải pháp 1
- Xác định sự kiện nút bên khách hàng Nhấp vào sự kiện.
- Trong sự kiện nhấp vào nút, tạo một phần tử đầu vào.
- Xác định các thuộc tính như ID, chiều rộng, loại ETC của phần tử đầu vào.
- Thêm phần tử đầu vào vào DIV/trình giữ chỗ được xác định.
Làm thế nào để bạn nhận được giá trị đầu vào trực tiếp trong JavaScript mà không có phần tử HTML?
Cách nhận giá trị đầu vào với JavaScript
- hàm getVal [] {
- const val = tài liệu. Truy vấnSelector ['Đầu vào']. giá trị;
- log[val];
Giá trị thẻ đầu vào là gì?
Thuộc tính giá trị chỉ định giá trị của một phần tử. Thuộc tính giá trị được sử dụng khác nhau cho các loại đầu vào khác nhau: cho "nút", "đặt lại" và "gửi" - nó xác định văn bản trên nút. Đối với "văn bản", "mật khẩu" và "ẩn" - nó xác định giá trị ban đầu [mặc định] của trường đầu vào.
Làm thế nào lấy giá trị đầu vào phản ứng?
Để có được giá trị của trường đầu vào trong React:
- Khai báo một biến trạng thái theo dõi giá trị của trường đầu vào.
- Thêm một prop onchange vào trường đầu vào.
- Sử dụng sự kiện. Mục tiêu. Giá trị để có được giá trị của trường đầu vào và cập nhật biến trạng thái.
Làm thế nào để bạn nhận được giá trị của nút nhấp vào React?
Để có được giá trị của đầu vào không được kiểm soát trên nút Nhấp vào React: Tạo REF cho trường nhập. Đặt trình xử lý sự kiện OnClick trên nút. Sử dụng đối tượng Ref để truy cập giá trị đầu vào hiện tại trong trình xử lý sự kiện.28-SEPT-2022
Làm thế nào để bạn nhận được giá trị title trong React?
Để chuyển một giá trị dưới dạng tham số thông qua trình xử lý title, chúng tôi chuyển trong hàm mũi tên trả về một cuộc gọi cho hàm Sayhello. Trong ví dụ của chúng tôi, lập luận đó là một chuỗi: 'James': return [Sayhello ['James']}> chào];
Làm thế nào để bạn nhận được đầu vào trong HTML?
Thẻ được sử dụng để nhận đầu vào của người dùng, bằng cách thêm các thành phần biểu mẫu. Các loại phần tử biểu mẫu khác nhau bao gồm đầu vào văn bản, đầu vào nút radio, nút gửi, v.v.