Hiển thị nội dung đối tượng JavaScript dưới dạng chuỗi

Sử dụng document.getElementById() và hiển thị bằng innerHTML. Dưới đây là mã:

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>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<p id="objectId"></p>
<script>
  var jsonObject = "name";
  var value = jsonObject.split(" ");
  var add = {};
  value.forEach(function(v) {
    add[v] ? add[v]++ : add[v] = "John";
  });
  document.getElementById("objectId").innerHTML = JSON.stringify(add);
</script>
</body>
</html>

Để chạy chương trình trên, lưu tệp với tên "anyName.html (index.html)" và nhấp chuột phải vào tệp. Chọn tùy chọn "Open with Live Server" trong trình soạn thảo VS Code.

Kết quả

Chương trình sẽ cho ra kết quả sau: