isxuch

点击切换


<!DOCTYPE html>

<html>

<body>


<h3>我是原生js</h3>


<div id="xxmm">向我传入新的内容啊</div><br />


<button onclick="xiaoxu()">我是按钮</button>


<script>


var n=1;


function xiaoxu(){

//var n=1;

var xx='我已经流浪了如此之久';

var ch='短剑重铸之日,骑士归来之时';


if(n==1){

document.getElementById('xxmm').innerHTML=xx;

n=2;

return  false;

}

if(n==2){

document.getElementById('xxmm').innerHTML=ch;

n=1;

}


}


</script>

</body>

</html>


//点击切换第二种方法


<!DOCTYPE html>

<html>

<body>


<h3>我是原生js</h3>


<div id="xxmmsss">向我传入新的内容啊</div><br />


<button onclick="kk('嚯嚯,我就是新的内容啊','嚯嚯,78888888','xxmmsss')">我是按钮</button>


<script>

//var n=1;

function kk(s1,s2,d){


  //var s1='嚯嚯,我就是新的内容啊';

  //var s2='嚯嚯,546868';

  var s=document.getElementById(d).innerHTML;

  //alert(s);return false;

  //n=1;

if(s!=s1 && s!=s2){


document.getElementById(d).innerHTML=s1;


//alert('123');


//n=2;


return false;


}

if(s==s1){

document.getElementById(d).innerHTML=s2;

return false;

}

if(s==s2){

document.getElementById(d).innerHTML=s1;

return false;

}



}


</script>

</body>

</html>


标签: html 切换
上一篇 下一篇
评论
©isxuch | Powered by LOFTER