Đối tượng htmlinputelement bên tronghtml

Question

Tôi muốn hiển thị văn bản trong aspan
Văn bản đến từ người dùng đặt nó vào trường_______17_______

Đây là HTML với trường đầu vào

Đây là HTML cho span với ID

  
      Some copy on the website this shiould be changed some copy on the website

Đây là JS

let a = document.getElementById("geld");
a.addEventListener('input', () => console.log(a.value))
//a = parseInt(a, 10);
b = a.toString();
document.getElementById('text').innerHTML = b;

Đoạn mã trên dẫn đến thông báo
[object HTMLInputElement]

Nó không hiển thị văn bản, người dùng nhập vào trường nhập liệu

Hơn tôi đã cố gắng

let a = document.getElementById("geld");
a.addEventListener('input', () => console.log(a.value))
a = parseInt(a, 10);
document.getElementById('text').innerHTML = a;

(Tôi đã chuyển đổi đầu vào thành một số bằng parseInt. )

Khi thực thi mã này, tôi nhận được

“NAN” trong HTML của tôi

Ai đó có thể giải thích điều gì đang xảy ra và tôi cần làm gì để hiển thị văn bản trong khoảng thời gian của tôi không?

Tốt,
S

The Input Text Object in HTML DOM is used to represent the HTML element with type=”text” attribute. The element with type=”text” can be accessed by using getElementById() method.

cú pháp.

Nó được sử dụng để truy cập đối tượng văn bản đầu vào.

document.getElementById("id");

Nó được sử dụng để tạo phần tử đầu vào.

document.createElement("input");

Thuộc tính đối tượng văn bản đầu vào.

Thuộc tínhDescriptypeNó được sử dụng để trả lại loại phần tử biểu mẫu cho trường văn bản. value Thuộc tính này được sử dụng để đặt hoặc trả về giá trị của thuộc tính value của trường văn bản. autocomplete Thuộc tính này được sử dụng để đặt hoặc trả về giá trị của thuộc tính autocomplete của trường văn bản. tự động lấy nét Thuộc tính này được sử dụng để đặt hoặc trả về liệu trường văn bản có tự động lấy tiêu điểm khi tải trang hay không. defaultValue Thuộc tính này được sử dụng để đặt hoặc trả về giá trị mặc định của trường văn bản. bị vô hiệu hóa Thuộc tính này được sử dụng để đặt hoặc trả về việc trường văn bản có bị vô hiệu hóa hay không. formThuộc tính này được sử dụng để trả về tham chiếu đến biểu mẫu chứa trường văn bản. listThuộc tính này được sử dụng để trả về một tham chiếu đến datalist chứa trường văn bản. maxLengthThuộc tính này được sử dụng để đặt hoặc trả về giá trị của thuộc tính maxlength của trường văn bản. nameThuộc tính này được sử dụng để đặt hoặc trả về giá trị của thuộc tính name của trường văn bản. patternThuộc tính này được sử dụng để đặt hoặc trả về giá trị của thuộc tính pattern của trường văn bản. trình giữ chỗ Thuộc tính này được sử dụng để đặt hoặc trả về giá trị của thuộc tính trình giữ chỗ của trường văn bản. readOnlyThuộc tính này được sử dụng để đặt hoặc trả về trường văn bản có ở chế độ chỉ đọc hay không. bắt buộc Thuộc tính này được sử dụng để đặt hoặc trả về liệu trường văn bản có phải được điền trước khi gửi biểu mẫu hay không. size Thuộc tính này được sử dụng để đặt hoặc trả về giá trị của thuộc tính size của trường văn bản

phương pháp

tiêu điểm(). Nó được sử dụng để tập trung vào trường văn bản đầu vào
mơ hồ (). Nó được sử dụng để xóa tiêu điểm khỏi trường văn bản.
lựa chọn (). Nó được sử dụng để chọn nội dung của trường Nhập văn bản

Example 1: This example use getElementById() method to access element with type=”text” attribute.

HTML

<html>

<head>

<

document.createElement("input");

1>

document.createElement("input");

3_______4_______4

document.createElement("input");

6

document.createElement("input");

1>

document.createElement("input");

6_______27_______1

<3>

23_______787>

<<3<4<3>

<<9 html0html1html2 html3html1html5 html6html1html8>

<>2_______25_______3>2_______25_______

<>8 >9html1<1<2>8>

<>2 html3html1head0head1>2>

head6

<head9>

document.createElement("input");

3>2

>3>4

>3____25_______6

document.createElement("input");

3_______25_______8

document.createElement("input");

6head9>

document.createElement("input");

6_______22_______3>

document.createElement("input");

6_______24_______>

đầu ra.
Trước khi bấm vào nút.

Đối tượng htmlinputelement bên tronghtml

Sau khi bấm vào nút.

ví dụ 2. Ví dụ này sử dụng tài liệu. phương thức createElement() để tạo phần tử với thuộc tính type=”text”.

programming html

Đối tượng htmlinputelement bên tronghtml

HTML

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội