javascript操纵html中的css样式五

本文链接：https://blog.youkuaiyun.com/helainthus/article/details/52664328

<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<>
<script src='cf.js' type='text/javascript'></script>

<h1>我的第一段 JavaScript</h1>

<p>
JavaScript 能够对事件作出反应。比如对按钮的点击：
</p>

<button id="button" type="button" οnclick="alert('Welcome!')">点击这里</button>
<button type="button" οnclick="mm()">点击这里这里</button>

<script>

    function hide(e,reflow) {
        if(reflow) {
            e.style.display = "none"
        } else {
            e.style.visibility = "hidden";
        }
    }

    function highlighted(e) {
        if (!e.className) {
            e.className = "hilite";
        } else {
            e.className += " hilite";
        }
    }
    hide(document.getElementById("button"),true);
</script>

<script>//在这里编写嵌入html
function moveon() {
//通过弹出一个对话框来询问用户一个问题
    var answer = confirm("准备好了吗?");
    if(answer) window.location = "http:/taobao.com";
}
//setTimeout(moveon,6000);

function  debug(msg) {
    var log = document.getElementById("dabuglog");
    if (!log) {
        log = document.createElement("div");
        log.id = "debuglog";
        log.innnerHtml = "<h1>Debug log</h1>";
        document.body.appendChild(log);
    }
    var pre = document.createElement(msg);
    var text =document.createTextNode("我是最棒的");
    pre.appendChild(text);
    log.appendChild(pre);
}
//debug("我是最棒的")</script>
</body>
</html>