Phương thức setNamedItem() trong HTML DOM

Phương thức setNamedItem() trong HTML DOM thiết lập một nút (node) được chỉ định trong tham số thành một nút thuộc tính (attribute node) bằng cách sử dụng tên của nó trong tài liệu HTML.

Cú pháp

node.setNamedItem(node);

Ví dụ

Ví dụ sử dụng phương thức setNamedItem() để thiết lập thuộc tính:

<!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: 50%;
    margin: 2rem auto;
    display: block;
    color: #fff;
    outline: none;
    cursor: pointer;
  }
</style>
</head>
<body>
<h1>Demo phương thức setNamedItem() DOM</h1>
<p>Chào! Tôi là một phần tử p trong HTML với một số văn bản ngẫu nhiên</p>
<button onclick="set()" class="btn">Thiết lập thuộc tính bằng setNamedItem()</button>
<script>
  function set() {
    var p = document.querySelector("p");
    var attr = document.createAttribute("style");
    attr.value = "color:#db133a;font-size:1.2rem;";
    p.attributes.setNamedItem(attr);
  }
</script>
</body>
</html>

Kết quả

Nhấn nút Thiết lập thuộc tính bằng setNamedItem() để thiết lập thuộc tính cho phần tử.