DOM HTML - Gán giá trị cho một thuộc tính của thẻ html thì phải làm sao?

JavaScript - JQuery    2020-09-02

Đơn giản thôi!
Một câu lệnh là ok


Bước 1: Bạn phải khai báo biến nhận lấy phần tử html bất kỳ bạn cần

Bước 2: Bạn dùng cú pháp như sau x.setAttribute('Ten_thuoc_tinh', 'giá trị muốn gán cho thuộc tính' );

Bước 3: Xem ví dụ này:
 

var objImg = document.querySelector('img');

objImg.setAttribute("src", 'https://saophaixoan.net/images/logo-spx-white.png');



Xem thêm code đầy đủ nhé:


VẪN PHẢI NÓI THÊM 1 CÂU: BẠN ĐỪNG LƯỜI MÀ COPY, HÃY SOẠN LẠI CODE ĐỂ NHỚ LÂU.
 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>https://saophaixoan.net</title>
</head>

<body>
    <h1 id="id1">Thực hành gán giá trị cho thuộc tính của thẻ </h1>

    <img src="https://saophaixoan.net/dlink/2020-09/1/linux.png" />

    <script>
        //1. khai báo biến để nhận phần tử html
        var objImg = document.querySelector('img'); // lấy phần tử img đầu tiên của trang html


        // 2. Gán giá trị cho thuộc tính SRC, hàm setAttribute không cần dùng biến thu giá trị

        objImg.setAttribute("src", 'https://saophaixoan.net/images/logo-spx-white.png');
         
           // ok chạy thử xem nhé.

    </script>

</body>

</html>