将JSON对象从文本区域转换为JavaScript对象并打印到表格,可以通过以下步骤实现:
document.getElementById()
方法获取文本区域的元素,并使用value
属性获取其值。JSON.parse()
方法将JSON字符串转换为JavaScript对象。该方法将JSON字符串作为参数,并返回对应的JavaScript对象。下面是一个示例代码,演示了如何将JSON对象从文本区域转换为JavaScript对象并打印到表格:
<!DOCTYPE html>
<html>
<head>
<title>JSON转换为JavaScript对象并打印到表格</title>
</head>
<body>
<textarea id="jsonTextArea" rows="10" cols="50">
{"name": "John", "age": 30, "city": "New York"}
</textarea>
<br>
<button onclick="convertAndPrint()">转换并打印</button>
<br><br>
<table id="resultTable" border="1">
<thead>
<tr>
<th>属性名</th>
<th>属性值</th>
</tr>
</thead>
<tbody id="resultTableBody"></tbody>
</table>
<script>
function convertAndPrint() {
var jsonTextArea = document.getElementById("jsonTextArea");
var jsonString = jsonTextArea.value;
var jsonObject = JSON.parse(jsonString);
var resultTableBody = document.getElementById("resultTableBody");
resultTableBody.innerHTML = "";
for (var key in jsonObject) {
var row = resultTableBody.insertRow();
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = key;
cell2.innerHTML = jsonObject[key];
}
}
</script>
</body>
</html>
这段代码将会在页面上显示一个文本区域,其中包含一个JSON字符串。点击"转换并打印"按钮后,将会将JSON字符串转换为JavaScript对象,并将对象的属性名和属性值打印到表格中。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云