プログラミング学習の記録 127.2 段落を左、真ん中、右に動かすButton

段落を左、真ん中、右に動かすButtonを作成してみる。
<script language="javascript" type="text/javascript"> function SetRight(f) { var p1 = document.getElementById("p1"); var alignattr = document.createAttribute("align"); alignattr.nodeValue = "right"; p1.setAttributeNode(alignattr); } function SetLeft(f) { var p1 = document.getElementById("p1"); var alignattr = document.createAttribute("align"); alignattr.nodeValue = "left"; p1.setAttributeNode(alignattr); } function SetCenter(f) { var p1 = document.getElementById("p1"); var alignattr = document.createAttribute("align"); alignattr.nodeValue = "center"; p1.setAttributeNode(alignattr); }</script> <form action=""> <input type="button" value="Left" onclick="SetLeft(this.form);" /> <input type="button" value="Center" onclick="SetCenter(this.form);" /> <input type="button" value="Right" onclick="SetRight(this.form);" /> <p>DOM Sample</p> <p id="p1">"動く段落"</p></form>

DOM Sample

"動く段落"