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

Thuộc tính đối tượng JavaScript

Thuộc tính trong JavaScript là các giá trị được liên kết với một đối tượng. Sau đây là các thuộc tính đối tượng triển khai mã trong JavaScript -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .sample {
      font-size: 18px;
      font-weight: 500;
      color: red;
   }
</style>
</head>
<body>
<h1>JavaScript Object Properties</h1>
<div class="sample"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to display name and age property from testObj
object
</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   document.querySelector(".Btn").addEventListener("click", () => {
      let testObj = { name: "Rohan",age: 23,};
      sampleEle.innerHTML += "testObj.name = " + testObj.name + "<br>";
      sampleEle.innerHTML += "testObj.age = " + testObj.age + "<br>";
   });
</script>
</body>
</html>

Đầu ra

Thuộc tính đối tượng JavaScript

Khi nhấp vào nút 'BẤM VÀO ĐÂY' -

Thuộc tính đối tượng JavaScript