在body中設置好了p1 and p2的區域,分別用的head里的js,這是一個正常的HTML+CSS.練習中就是在原有基礎上定義add函數和modify函數,用兩個函數增加css和修改css,函數定義中用了className的方法
2016-06-11
//定義"取消設置"的函數
function cancelSetup(){
if(confirm("確定要清空數據嗎?")){
var mychar = document.getElementById("txt");
mychar.style.color="#000";
mychar.style.backgroundColor="#fff";
mychar.style.width="600px";
mychar.style.height="400px";
mychar.style.display="block";
}
}
function cancelSetup(){
if(confirm("確定要清空數據嗎?")){
var mychar = document.getElementById("txt");
mychar.style.color="#000";
mychar.style.backgroundColor="#fff";
mychar.style.width="600px";
mychar.style.height="400px";
mychar.style.display="block";
}
}
//定義"隱藏內容"的函數
function hiddenContent(){
var mychar=document.getElementById("txt");
mychar.style.display="none";
}
//定義"顯示內容"的函數
function displayContent(){
var mychar=document.getElementById("txt");
mychar.style.display="block";
}
function hiddenContent(){
var mychar=document.getElementById("txt");
mychar.style.display="none";
}
//定義"顯示內容"的函數
function displayContent(){
var mychar=document.getElementById("txt");
mychar.style.display="block";
}
"改變顏色"的函數
function changeColor(){
var mychar=document.getElementById("txt");
mychar.style.color="red";
mychar.style.backgroundColor="#ccc";
}
改變寬高"的函數
function changeWH(){
var mychar=document.getElementById("txt");
mychar.style.width="400px";
mychar.style.height="100px";
}
function changeColor(){
var mychar=document.getElementById("txt");
mychar.style.color="red";
mychar.style.backgroundColor="#ccc";
}
改變寬高"的函數
function changeWH(){
var mychar=document.getElementById("txt");
mychar.style.width="400px";
mychar.style.height="100px";
}
<input type="submit" value="點擊我" onclick=" " />搞成submit之后在里面繼續改submit,你會發現可以一直進行下去
2016-06-10
<script type="text/javascript">
var mychar=document.getElementById("con");
document.write("原標題:"+mychar.innerHTML+"<br>"); //輸出原h2標簽內容
mychar.innerHTML="i love imooc";
document.write("修改后的標題:"+mychar.innerHTML); //輸出修改后h2標簽內容
var mychar=document.getElementById("con");
document.write("原標題:"+mychar.innerHTML+"<br>"); //輸出原h2標簽內容
mychar.innerHTML="i love imooc";
document.write("修改后的標題:"+mychar.innerHTML); //輸出修改后h2標簽內容
2016-06-10