Cổng Khoa học Máy tính dành cho những người yêu thích máy tính. Nó bao gồm các bài báo về khoa học máy tính và lập trình được viết tốt, tư duy tốt và được giải thích tốt, các câu đố và thực hành / lập trình cạnh tranh / các câu hỏi phỏng vấn công ty.

Bạn đang xem : javascript thay đổi giá trị văn bản đầu vào

Đặt giá trị của trường đầu vào trong JavaScript

Đôi khi chúng ta cần đặt giá trị mặc định giá trị của & lt; đầu vào & gt; phần tử, Ví dụ này giải thích các phương pháp để làm như vậy.

  • 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 value của trường văn bản. < br /> Thuộc tính value 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 value :

      textObject.value
      
    • Đặt thuộc tính giá trị:
      textObject.value = text
      

    Giá trị thuộc tính:

    • văn bản: Nó chỉ định giá trị của đầu vào trường văn bản.
    • propertyValue: Tham số này là bắt buộc. Nó chỉ định giá trị của thuộc tính cần thêm.
  • phương thức setAttribute
    Phương thức này thêm thuộc tính đã chỉ định vào một phần tử và đặt đó là giá trị được chỉ định.
    Nếu thuộc tính đã có, thì giá trị của nó đã được đặt / thay đổi.
    Cú pháp:
    element.setAttribute (tên thuộc tính, giá trị thuộc tính)
    

    Tham số:

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

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 .

& lt ;! DOCTYPE html & gt;

& lt; html & gt;

& lt; head & gt; < / p>

& lt; title & gt;

JavaScript

| Đặt giá trị của trường đầu vào.

& lt; / title & gt;

& lt; / head & gt;

& lt; body style = "text-align: center; " id = " body " & gt;

& lt; h1 style = " color: green; " & gt;

GeeksForGeeks

< p class = "line number14 index13 alt1"> & lt; / h1 & gt;

& lt; input type = 'text' id = 'id1' / & gt;

& lt; br & gt;

& lt; br & gt;

& lt; nút onclick = " gfg_Run () " & gt;

nhấp để đặt

& lt; / nút & gt;

& lt; p id = "GFG_DOWN" style = "color: green;

font-size: 20px;

font-weight: bold; "& gt; < / p>

& lt; / p & gt;

& lt; script & gt;

var el_down = document.getElementById (" GFG_DOWN ");

var inputF = document.getElementById (" id1 ");

function gfg_Run () {

inputF.value = "textValue";

< code class = "trơn"> el_down.innerHTML =

" Giá trị = "+" '"+ inputF.value +"' ";

}

& lt; / script & gt;

& lt; / body & gt ;

& lt; / html & gt;

 
 

Đầu ra:

  • Trước khi nhấp vào nút:
  • Sau khi nhấp vào nút:

Ví dụ-2: Ví dụ này đặt giá trị của phần tử đầu vào thành < strong> 'defaultValue' theo phương thức setAttribute .

& lt;! DOCTYPE html & gt;

& lt; html & gt;

< / p>

& lt; head & gt ;

& lt; title & gt;

JavaScript

| Đặt giá trị của trường đầu vào.

& lt; / title & gt;

& lt; / head & gt;

& lt; body style = "text-align: center; " id = " body " & gt;

& lt; h1 style = " color: green; " & gt;

GeeksForGeeks

< p class = "line number14 index13 alt1"> & lt; / h1 & gt;

& lt; input type = 'text' id = 'id1' / & gt;

& lt; br & gt;

& lt; br & gt;

Nút & lt; onclick = < / code> "gfg_Run ()" & gt;

< code class = "undefined space"> nhấp để đặt

Nút & lt; / & gt;

& lt; p id = "GFG_DOWN" style = "color: green;

font-size: 20px;

font-weight: bold; "& gt; < / p>

& lt; / p & gt;

& lt; script & gt;

var el_down = document.getElementById (" GFG_DOWN ");

var inputF = document.getElementById (" id1 ");

function gfg_Run () {

inputF.setAttribute ('value', 'defaultValue');

< / code> el_down.innerHTML =

"Giá trị =" + "'" + inputF.value + "'";

}

& lt; / script & gt ;

& lt; / body & gt;

& lt; / html & gt;

 
 

Đầu ra:

  • Trước khi nhấp vào nút:
  • Sau khi nhấp vào nút:
    • JavaScript được biết đến nhiều nhất trong việc phát triển trang web b ut nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript Ví dụ về JavaScript này .

      My Personal Notes


Xem thêm những thông tin liên quan đến chủ đề javascript thay đổi giá trị văn bản đầu vào

Build A Currency Converter App in HTML CSS & JavaScript

alt

  • Tác giả: CodingNepal
  • Ngày đăng: 2021-08-29
  • Đánh giá: 4 ⭐ ( 4816 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Build A Currency Converter App in HTML CSS & JavaScript | Currency Converter App in JavaScript

    In this video, I have shown you how to Build A Currency Converter App in HTML CSS & JavaScript. In this app, you can enter your amount and convert your currency to a different country's currency. You can also easily exchange or reverse the two countries' currency by clicking on the exchange icon.

    Live Demo or Download Codes of this Currency Converter App
    https://codingnepalweb.com/demos/currency-converter-app-javascript/

    Download country-list.js File Only - https://drive.google.com/file/d/1h7Mq8NQpIUA4GukBEfdVizHrPuWxV292/view?usp=sharing

    Timestamps:
    0:00 Demo of Currency Converter
    1:22 HTML Code Start
    4:06 CSS Code Start
    10:39 Creating JavaScript Folder & Files
    11:13 Storing Possible Country & their Currency Codes
    11:26 Main JavaScript Code Start
    11:48 Creating Options Tag & Inserting it inside Select Tag
    16:09 Creating Function, Sending Request to API, Retrieving Data From API
    24:10 Showing Flag of a Selected Country
    26:21 Exchanging or Reversing Currency Codes on Icon Click

    Second Channel - https://bit.ly/3aHNkru
    Facebook - https://www.facebook.com/coding.np
    Instagram - https://www.instagram.com/coding.np

    Music Credit:
    Ikson - Anywhere (Vlog No Copyright Music)
    https://youtu.be/UY08PUqArZI

    Jimmy Hardwind - Want Me (feat. Mike Archangelo)
    https://youtu.be/-Rw8zR9wmTY

    Ehrling - You And Me (Vlog No Copyright Music)
    https://youtu.be/8HJSl7AiJNg

    Acejax feat. Danilyon - By My Side [NCS Release]
    https://youtu.be/SE_8DxZLmLk

Chuyển đổi kiểu dữ liệu trong JavaScript

  • Tác giả: completejavascript.com
  • Đánh giá: 3 ⭐ ( 2739 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JavaScript là ngôn ngữ lập trình có kiểu dữ liệu động. Nên bạn sẽ thấy việc chuyển đổi kiểu dữ liệu xảy ra trong JS. Sau đây mình sẽ tìm hiểu về những chuyển đổi thường dùng nhất: string, number và boolean.

JavaScript thay đổi nội dung bên trong của phần tử

  • Tác giả: www.codehub.com.vn
  • Đánh giá: 4 ⭐ ( 2276 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Sử dụng JavaScript thuần làm thế nào để có thể thay đổi được nội dung (dạng văn bản) bên trong của phần tử.
    Ví dụ mình có phần tử <div> với giá trị ID như sau:
    <div ...

Thay đổi kiểu văn bản

  • Tác giả: hiepsiit.com
  • Đánh giá: 3 ⭐ ( 8989 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Thay đổi nội dung HTML và khả năng hiển thị của JavaScript

  • Tác giả: kenh49.vn
  • Đánh giá: 4 ⭐ ( 3072 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cùng tìm hiểu về cách thay đổi nội dung trong html và khả năng hiện thị của JavaScript với nhiều thuộc tính khách nhau trong bài viết sau đây.

Thay đổi nội dung của thẻ HTML bằng Javascript

  • Tác giả: freetuts.net
  • Đánh giá: 3 ⭐ ( 6864 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: ử dụng kiến thức đã học hãy viết chương trình gồm 2 button và 1 thẻ div, khi click vào button thứ nhất thì thiết lập nội dung cho thẻ div là

[Tự học Javascript] Sự kiện: thay đổi, nhập, cắt, sao chép, dán trong Javascript

  • Tác giả: cafedev.vn
  • Đánh giá: 5 ⭐ ( 4503 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cafedev chia sẻ về các sự kiện khác nhau đi kèm với cập nhật dữ liệu.

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Ghi file trong C (fputc, fputs,fprintf)

By ads_php