JavaScript (实现换皮肤)

来源:互联网 发布:冰淇淋挖球器 知乎 编辑:程序博客网 时间:2024/04/29 01:17

/**

*innerHTML-可同时显示没有的代码

*/

function myDOMInnerHTML(){var myDiv = document.getElementById("myTest");alert(myDiv.innerHTML);//直接显示innerHTML的内容//修改innerHTML,可直接添加代码myDiv.innerHTML = "<img src='01.jpg' title='情人坡'>";}


/**
*实现换皮肤例子
*/

<style type="text/css">.myUL1{color:#0000FF;font-family:Arial;font-weight:bold;}.myUL2{color:#FF0000;font-family:Georgia, "Times New Roman", Times, serif;}</style><script language="javascript">function check(){var oMy = document.getElementsByTagName("ul")[0];<span style="white-space:pre"></span>//获取ul元素oMy.className =(oMy.className=="myUL1"? "myUL2":"myUL1");//修改CSS类}</script></head><body><ul onclick="check()" class="myUL1"><li>HTML</li><li>JavaScript</li><li>CSS</li></ul></body>

0 0
原创粉丝点击