為何我的只有先是隱藏有用,其他的都沒反映
?<form>
? <!--當(dāng)點(diǎn)擊相應(yīng)按鈕,執(zhí)行相應(yīng)操作,為按鈕添加相應(yīng)事件-->
? ? <input type="button" onclick="secai()" value="改變顏色" /> ?
? ? <input type="button" value="改變寬高" onclick="weight()"/>
? ? <input type="button" onclick="hidetext()" value="隱藏內(nèi)容" />
? ? <input type="button" onclick="showtext()" value="顯示內(nèi)容" />
? ? <input type="button" onclick="changeRemove()" value="取消設(shè)置" />
? </form>
? <script type="text/javascript">
function secai()
{
?var myyanse=document.getElementById("txt").style.color="red";
}
function weight()
{
? ? var kuangao=document.getElementById("txt");
? ? kuangao.style.width=300px;
? ? kuangao.style.height=200px;
}
function hidetext()
{
var b=document.getElementById("txt").style.display="none";
}
function showtext()
{
var b=document.getElementById("txt").style.display="block";
}
function changeRemove()
{ ? ?
? ? var txt= document.getElementById("txt");
? ? var changeRemove=confirm("確認(rèn)要恢復(fù)初始樣式嗎?"); ? ? ? ? ? ? ? ? if(changeRemove==true)
? ? { ? ? ? ?
? ? txt.removeAttribute("style"); ? ?
? ? }?
}
? </script>
</body>
</html>
2016-05-17
你的寬高沒有打引號(hào)。
function weight()
{
? ? var kuangao=document.getElementById("txt");
? ? kuangao.style.width="300px";
? ? kuangao.style.height="200px";
}
2016-05-17
<form>
? <!--當(dāng)點(diǎn)擊相應(yīng)按鈕,執(zhí)行相應(yīng)操作,為按鈕添加相應(yīng)事件-->
??? <input type="button" value="改變顏色"? onclick="changeColor()">?
??? <input type="button" value="改變寬高" onclick="changeSize()" >
??? <input type="button" value="隱藏內(nèi)容" onclick="hideContent()">
??? <input type="button" value="顯示內(nèi)容" onclick="showContent()">
??? <input type="button" value="取消設(shè)置" onclick="cancel()">
? </form>
? <script type="text/javascript">
//定義"改變顏色"的函數(shù)
??? function changeColor()
??? {
??????? var temp = document.getElementById("txt");
??????? temp.style.color = "blue";
??????? temp.style.backgroundColor = "gray";
??? }
//定義"改變寬高"的函數(shù)
??? function changeSize()
??? {
??????? var temp = document.getElementById("txt");
??????? temp.style.width = "400px";
??????? temp.style.height ="300px";
??? }
//定義"隱藏內(nèi)容"的函數(shù)
??? function hideContent()
??? {
??????? var temp = document.getElementById("txt");
??????? temp.style.display="none";
??? }
//定義"顯示內(nèi)容"的函數(shù)
??? function showContent()
??? {
??????? var temp = document.getElementById("txt");
??????? temp.style.display = "block";
??? }
//定義"取消設(shè)置"的函數(shù)
??? function cancel()
??? {
??????? var temp = confirm("是否取消設(shè)置?");
??????? if(temp == true)
??????? {
??????????? var temp = document.getElementById("txt");
??????????? temp.removeAttribute('style');
??????? }
??? }
? </script>
</body>
</html>
不知道你錯(cuò)在哪,我代碼運(yùn)行成功了,希望幫到你....
2016-05-17
<input type="button" onclick="secai()" value="改變顏色" /> ?
? ? <input type="button" value="改變寬高" onclick="weight()"/>
? ? <input type="button" onclick="hidetext()" value="隱藏內(nèi)容" />
? ? <input type="button" onclick="showtext()" value="顯示內(nèi)容" />
? ? <input type="button" onclick="changeRemove()" value="取消設(shè)置" />
統(tǒng)一吧:
<input type="button" value="改變顏色"?onclick=secai(); /> ?
? ? <input type="button" value="改變寬高" onclick=weight(); />
? ? <input type="button" value="隱藏內(nèi)容"?onclick=hidetext(); ?/>
? ? <input type="button"?value="顯示內(nèi)容" onclick=showtext(); />
? ? <input type="button"?value="取消設(shè)置" onclick=changeRemove(); />
var myyanse=document.getElementById("txt").style.color="red";
var b=document.getElementById("txt").style.display="none";
var b=document.getElementById("txt").style.display="block";
分開寫比較靠譜:
var myyanse=document.getElementById("txt");
myyanse.style.color="red";
var b=document.getElementById("txt");
b.style.display="none";
var b=document.getElementById("txt");
b.style.display="block";
寬高:
?kuangao.style.width=300px;
?kuangao.style.height=200px;
改為:
?kuangao.style.width="300px";
?kuangao.style.height="200px";
2016-05-17
var myyanse=document.getElementById("txt").style.color="red";
分開來寫試試。不要急。
var myyanse=document.getElementById("txt");
myyanse.style.color="red";