Hiển thị giá trị đầu vào trong javascript

Chúng ta có thể lấy giá trị của đầu vào mà không cần gói nó bên trong phần tử biểu mẫu trong JavaScript bằng cách chọn phần tử đầu vào DOM và sử dụng thuộc tính value

JavaScript có các phương thức khác nhau để chọn phần tử đầu vào DOM. Mỗi phương pháp dưới đây sẽ có một ví dụ về mã mà bạn có thể chạy trên máy của mình

Sử dụng document.getElementById[id_name] để lấy giá trị đầu vào trong JavaScript

Chúng tôi cung cấp thuộc tính id cho phần tử đầu vào Dom của chúng tôi, sau đó sử dụng document.getElementById[id_name] để chọn phần tử đầu vào DOM, bạn chỉ cần sử dụng thuộc tính value

Thí dụ

 
 
  
 
  
  
 
      Change the text of the text field  
      ,and then click the button. 
  
 
  
  Name: 
   
  
   
      click me!! 
   
  
   

   
 
  
 

Sử dụng document.getElementsByClassName['class_name'] để lấy giá trị đầu vào trong JavaScript

Chúng tôi cung cấp thuộc tính lớp cho phần tử đầu vào Dom của chúng tôi, sau đó sử dụng document.getElementsByClassName['class_name'] để chọn phần tử đầu vào DOM, nhưng nếu chúng tôi có các phần tử đầu vào Dom khác nhau có cùng tên lớp, thì nó sẽ trả về một mảng các đầu vào Dom, vì vậy chúng tôi nên chỉ định cái nào .

 
 
  
 
  
  
 
      Change the text of the text field  
      ,and then click the button. 
  
 
  
  
  
  Name: 
   
  
   
      click me!! 
   
  
   

   
 
  
 

1

Thí dụ

 
 
  
 
  
  
 
      Change the text of the text field  
      ,and then click the button. 
  
 
  
  
  
  Name: 
   
  
   
      click me!! 
   
  
   

   
 
  
 

Sử dụng

 
 
  
 
  
  
 
      Change the text of the text field  
      ,and then click the button. 
  
 
  
  
  
  Name: 
   
  
   
      click me!! 
   
  
   

   
 
  
 

2 để lấy giá trị đầu vào trong JavaScript

 
 
  
 
  
  
 
      Change the text of the text field  
      ,and then click the button. 
  
 
  
  
  
  Name: 
   
  
   
      click me!! 
   
  
   

   
 
  
 

2 sử dụng bộ chọn

 
 
  
 
  
  
 
      Change the text of the text field  
      ,and then click the button. 
  
 
  
  
  
  Name: 
   
  
   
      click me!! 
   
  
   

   
 
  
 

4 có nghĩa là, nó có thể chọn các phần tử theo id, lớp, tên thẻ và thuộc tính tên của phần tử DOM

Sometimes we need to set a default value of the element, This example explains methods to do so.

Thuộc tính giá trị văn bản. Thuộc tính này đặt/trả về giá trị của thuộc tính giá trị của trường văn bản. Thuộc tính giá trị chứa giá trị mặc định, giá trị mà người dùng nhập hoặc giá trị do tập lệnh đặt

cú pháp

• Trả về thuộc tính giá trị

textObject.value

• Đặt thuộc tính giá trị

textObject.value = text

Giá trị tài sản

• chữ. Nó chỉ định giá trị của trường văn bản đầu vào
• giá trị thuộc tính. Thông số này là bắt buộc. Nó chỉ định giá trị của thuộc tính để thêm

Phương thức setAttribute[] trong JavaScript. Phương thức này thêm thuộc tính đã chỉ định vào một phần tử và đặt giá trị đã chỉ định của nó. Nếu thuộc tính đã có sẵn, thì giá trị của nó được đặt/thay đổi.  

cú pháp

________số 8_______

Thông số

• tên thuộc tính. Thông số này là bắt buộc. Nó chỉ định tên của thuộc tính để thêm
• giá trị thuộc tính. Thông số này là bắt buộc. Nó chỉ định giá trị của thuộc tính để thêm

Ví dụ 1. Ví dụ này đặt giá trị của phần tử đầu vào thành 'textValue' theo thuộc tính Giá trị văn bản.  

html

 

textObject.value = text

1_______102__________

textObject.value = text

3>

textObject.value = text

5

textObject.value = text

6

textObject.value = text

1_______7_______8

textObject.value = text

3>

textObject.value = text

8head>

 

textObject.value = text

1_______102_______6

element.setAttribute[attributeName, attributeValue]

7

element.setAttribute[attributeName, attributeValue]

89>

7 >8

element.setAttribute[attributeName, attributeValue]

8 0>

7>

textObject.value = text

1_______102__________