Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Đối tượng Parameter trong HTML DOM

Đối tượng Parameter trong HTML DOM đại diện cho phần tử <param> của một tài liệu HTML. Phần tử này thường được dùng bên trong <object> để định nghĩa các tham số cho plugin hoặc media.

Tạo đối tượng param

Cú pháp

document.createElement("PARAM");

Các thuộc tính của đối tượng param

Thuộc tínhMô tả
nameLấy và thay đổi giá trị thuộc tính name của phần tử param.
valueLấy và thay đổi giá trị thuộc tính value của phần tử param.

Ví dụ

Ví dụ tạo phần tử <param> động:

<!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>Demo đối tượng Parameter DOM</h1>
<button onclick="create()" class="btn">Tạo phần tử Param</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>

Kết quả

Nhấn nút Tạo phần tử Param để tạo một phần tử <param> trong tài liệu HTML.