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

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

Cú pháp

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

node.setNamedItem(node);

Ví dụ

Hãy để chúng tôi xem một ví dụ về phương thức setNamedItem () -

<!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>DOM setNamedItem() method Demo</h1>
<p>Hi! I'm a para element in HTML with some random text</p>
<button onclick="set()" class="btn">Set Attribute using setNamedItem() method</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>

Đầu ra

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

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

Nhấp vào “ Đặt thuộc tính bằng phương thức setNamedItem () ”Để đặt thuộc tính trên phần tử.

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