Question

你好我现在正忙着把一个.js文件放到一个表中，现在我写了一个for循环，但它没有显示我会在你的代码下面显示你

Html / javascript代码

<!DOCTYPE html>
<html lang="nl-NL">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<meta name="description" content="Dit is de website van Gerard Van De Weijer Hobbyist en Vader van 3">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/website-papa.css">
<meta name="robots" content="index, nofollow">
<meta name="author" content="Gerard Van De Weijer">
<meta name="web-author" content="Pieter Van De Weijer">
<link rel="canonical" href="http://website-gerard.com">
<meta charset="UTF-8">
<script src="sources/tabledata.js"></script>
		<script>
				function readJSON(persons)
				{
					var output = '';
					for (var i = 0; i < persons.length; i++)
					{
					output += '<td>'+persons[i].firstname+'</td>';
					}
					document.getElementsByClassName('firstname').innerHTML = output;
				}
		</script>
<title> Tables</title>
</head>
<body>
<!--dit is is een container-->
	<div id="container">
		<header>
		<h1>t02m91</h1>
		<div id="facebook">
		<a href="https://www.facebook.com/gerard.vandeweijer.5"><img src="images/facebook.png"></a>

		</div>
		</header>
		<nav>
		<ul>
			<li class="menuli"><a href="index.html">Home</a></li>
			<li class="menuli"><a href="Anchors.html">Anchors</a></li>
			<li class="current"><a href="Tables.html">Tables</a></li>
			<li class="menuli"><a href="Iframes.html">Iframes</a></li>
			<li class="menuli"><a href="html5.html">HTML5</a></li>
			<li class="menuli"><a href="contact.html">Contact</a></li>
			<li class="menuli">Opdrachten
			<ul>
			<!-- ik kon er geen spatie in krijgen dus ik heb het zo gefixt ik leg dit uit in de les-->
			&nbsp;<li><a href="opdracht3t02m03.html">Borders</a></li>
			<li><a href="opdracht3t02m04.html">Classes</a></li>
			<li><a href="opdracht1t02m06.html">Floats</a></li>
			<li><a href="opdracht3t02m06.html">Z-index</a></li>
			</ul>
			</li>
			</ul>
		</ul>
		</nav>
		<main>
		<h1>Tables</h1>
		<table>
			<tr>
				<th>Voornaam</th>
				<th>Achternaam</th> 
				<th>Leeftijd</th>
				<th>Woonplaats</th>
			</tr>
			<tr>
				<div class="firstname"><script>readJSON(persons);</script> </div>
				<td class="firstname"></td> 
				<td class="firstname"></td>
				<td class="firstname"></td>
			</tr>
			<tr>
				<td></td>
				<td></td> 
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td></td>
				<td></td> 
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td></td>
				<td></td> 
				<td></td>
				<td></td>
			</tr>
		</table>
		</main>
		<footer>
			<span> Gerard Van De Weijer 2017™</span>
		</footer>
	</div>
</body>
</html>

.js文件

var persons = [
	{"firstname":"Nel", "lastname":"De Beer", "age":9, "location":"Weert"},
	{"firstname":"Bob", "lastname":"Janssen", "age":33, "location":"Eindhoven"},
	{"firstname":"Beatrix", "lastname":"Peperkamp", "age":76, "location":"Nijmegen"}
];

我希望有人可以帮助我，我想我忘了声明它必须放在那张桌子上，或者可能把这个功能变成一个var我希望你们能提前明白这一点

关于GPM

我不能把.JS放进桌子里

0 个答案: