Computer >> Máy Tính >  >> Lập trình >> HTML

Đối tượng tham số DOM HTML

Đối tượng tham số DOM HTML đại diện cho phần tử của tài liệu HTML.

Tạo đối tượng tham số

Cú pháp

Sau đây là cú pháp -

document.createElement(“PARAM”);

Thuộc tính của đối tượng param

Thuộc tính Giá trị

Giải thích
tên
Nó trả về và sửa đổi giá trị của thuộc tính name của một phần tử param trong tài liệu HTML.

Nó trả về và sửa đổi nội dung của thuộc tính giá trị của một phần tử param trong tài liệu HTML.

Ví dụ

Hãy để chúng tôi xem một ví dụ về đối tượng param -

<!DOCTYPE html>
<html>
<head>
<style>
   html{
      height:100%;
   }
   body{
      text-align:center;
      color:#fff;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;
      height:100%;
   }
   .btn{
      background:#0197F6;
      border:none;
      height:2rem;
      border-radius:2px;
      width:60%;
      margin:2rem auto;
      display:block;
      color:#fff;
      outline:none;
      cursor:pointer;
   }
</style>
</head>
<body>
<h1>DOM Parameter Object Demo</h1>
<button onclick="create()" class="btn">Create a Param element</button>
<script>
   function create() {
      var objectElement = document.createElement("OBJECT");
      objectElement.setAttribute("data", "https://www.tutorialspoint.com/html/Kalimba.mp3");
      objectElement.setAttribute("class", "object-element");
      document.body.appendChild(objectElement);
      var paramObject = document.createElement("PARAM");
      paramObject.setAttribute("name", "autoplay");
      paramObject.setAttribute("value", "true");
      document.querySelector(".object-element").appendChild(paramObject);
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Đối tượng tham số DOM HTML

Nhấp vào “ Tạo phần tử tham số ”Để tạo phần tử trong tài liệu HTML -

Đối tượng tham số DOM HTML