dom動的htmlページの変更
1351 ワード
htmlページの内容をdomで動的に変更することができます.次は小さな例です.
JAvascriptコード:
htmlページ:
JAvascriptコード:
function c()
{
var p5 = document.createElement("p");
var textNode = document.createTextNode(" 5， ");
p5.appendChild(textNode);
var p3 = document.getElementById("p3");
var body = document.body;
body.insertBefore(p5,p3);
}
htmlページ:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/dom.js">
</script>
</head>
<body>
<p id="p1"> </p>
<p id="p2"> </p>
<p id="p3"> </p>
<p id="p4"> </p>
<script type="text/javascript">
c();
</script>
</body>
</html>