<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset="utf-8" /> <title>无标题文档</title> <style type="text/css"> body{ font-family:Verdana, Arial,Helvetica,sans-serif; font-size:small; font-weight:bold; } .newDiv { background:#FFCCCC; } </style> <script type="text/javascript"> function newOne() { var newE1=document.createElement('p'); var newTx=document.createTextNode('This is the new chenqi paragraph.'); newE1.appendChild(newTx); var newPara=document.getElementById('newText'); newPara.appendChild(newE1); } function newColor() { document.getElementById('newText').style.color="red"; } </script> </head> <body> <p>This is the first paragraph on the page.</p> <div class="newDiv" id="newText"></div> <p>This is the next paragraph on the page.</p> <form> <input type="button" value="Add a new paragraph" οnclick="newOne()"<br/><br/> <input type="button" value="Make it red" οnclick="newColor()"/> </form> </body> </html>
