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

Đối tượng meta DOM HTML

Đối tượng meta DOM HTML trong HTML đại diện cho phần tử.

Cú pháp

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

Tạo phần tử

var metaObject = document.createElement(“META”)

Thuộc tính

Đây, “metaObject” có thể có các bộ sưu tập &thuộc tính sau -

Lược đồ
Thuộc tính
Mô tả
nội dung
Nó đặt / trả về giá trị của thuộc tính nội dung của yếu tố
httpEquiv
Nó đặt / trả về một tiêu đề HTTP cho thông tin trong thuộc tính nội dung của yếu tố
tên
Nó đặt / trả về tên cho thông tin trong thuộc tính nội dung của yếu tố

Nó đặt / trả về cách giá trị của thuộc tính nội dung sẽ được diễn giải, nhưng điều này không được hỗ trợ trong HTML5

Ví dụ

Hãy để chúng tôi xem một ví dụ cho HTML DOM meta phần tử -

<!DOCTYPE html>
<html>
<head>
<title>Meta Object</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>Meta-Object</legend>
<h2>Tutorial</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</p>
<input type="button" onclick="createMeta()" value="Create Meta Tag">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   function createMeta(){
      var metaTag = document.createElement('META');
      metaTag.setAttribute("name", "tutorialsContent");
      metaTag.setAttribute("content", "JS tutorials");
      document.head.appendChild(metaTag);
      divDisplay.textContent = '<meta name="'+metaTag.name+'" content="'+metaTag.content+'" >';
   }
</script>
</body>
</html>

Đầu ra

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

Trước khi nhấp vào ‘Tạo thẻ meta’ nút -

Đối tượng meta DOM HTML

Sau khi nhấp vào ‘Tạo thẻ meta’ nút -

Đối tượng meta DOM HTML