?function Color()
? {
??? var con=document.getElementById("con");
??? con.style.color="red";
? }
? function Width()
? {
??? var con=document.getElementById("con");
??? con.style.width="400px";
??? con.style.height="250px";
? }
? function hidetext()
? {
??? var con=document.getElementById("con");
??? con.style.display="none";
? }
? function showtext()
?{
??? var con=document.getElementById("con");
??? con.style.display="block";
? }

? function Cancel()
? {
??? var con=document.getElementById("con");
??? var ifcancel=confirm("do you really want to cancel?")
??? if (ifcancel==true)
????? {
??????? var con=document.getElementById("con");
??????? con.removeAttribute("style");
????? }
?
? } ?
?html中是這樣寫的，一直提示color沒定義

<h2>javascript 改變顏色等</h2>
<div id="con">
? <h2>JavaScript為網頁添加動態效果并實現與用戶交互的功能。 </h2>
? <p id="p">1. JavaScript入門篇，讓不懂JS的你，快速了解JS。</p>
? <p id="p">2. JavaScript進階篇，讓你掌握JS的基礎語法、函數、數組、事件、內置對象、BOM瀏覽器、DOM操作。</p>
? <p id="p">3.學完以上兩門基礎課后，在深入學習JavaScript的變量作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p>
</div>
<form>
? <input type="button" value="改變顏色" onclick="Color()"/>
? <input type="button" value="改變尺寸" onclick="Width()"/>
? <input type="button" value="設置隱藏" onclick="hidetext()"/>
? <input type="button" value="設置顯示" onclick="showtext()"/>
? <input type="button" value="取消設置" onclick="Cancel()"/>
</form>