<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>编程狮(w3cschool.cn)</title>
<link rel="stylesheet" href="https://7npmedia.w3cschool.cn/w3.css">
<script src="https://7npmedia.w3cschool.cn/w3.js"></script>
<body class="w3-container">
<h2>测试 CSS 中的 W3.JS</h2>
<table id="id01" class="w3-table-all">
<tr>
<th>Title</th>
<th>Artist</th>
<th>Price</th>
</tr>
<tr w3-repeat="cd">
<td>{{title}}</td>
<td>{{artist}}</td>
<td>{{price}}</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<script>
w3.getHttpObject("https://7npmedia.w3cschool.cn/cd_catalog.js", myFunction);
function myFunction(myObject) {
var i, total = 0;
var myArray = myObject.cd;
for (i = 0; i < myArray.length; i++) {
total += Number(myArray[i].price);
}