lovecoding
/
J250913


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--<div id="d1">123</div>-->
<!--<div id="d2">234</div>-->
<!--<div id="d3">567</div>-->
<!--<button onclick="fun()">按钮</button>-->
<!--<form action="#">-->
<!--    账号: <input type="text" name="username" id="username" > <br>-->
<!--    密码: <input type="password" name="password" id="password"> <br>-->
<!--    <input type="button" onclick="login()" value="登录">-->
<!--</form>-->

    <div id="div1">123</div>
</body>

<script>
    /**
     * 想要操作界面元素必须要先获取到界面元素
     * document.getElementById("div1")
     * 操作标签内容
     *  元素.innnerText 获取内容
     *   元素.innnerText = xx   设置内容
     * 操作属性
     *   元素.属性名     获取属性的值
     *   元素.属性名=值  给属性设置值
     *
     */
    var div = document.getElementById("div1")
    // 设置他背景颜色为红色
    div.style.background = "green"


    // function login(){
    //     // 获取账号
    //     var usernameDiv = document.getElementById("username")
    //     var passwordDiv = document.getElementById("password")
    //     // console.log(usernameDiv.innerText)
    //     // console.log(passwordDiv.innerText)
    //     // 如果获取标签属性
    //     /**
    //      *
    //      * 获取标签.属性名 获取属性值
    //      */
    //     // 获取input 标签的value 的属性值
    //     console.log(usernameDiv.value);
    //     console.log(passwordDiv.value);
    //     // 获取密码
    //     if(usernameDiv.value == "admin" && passwordDiv.value == "123"){
    //         location.href = "http://www.baidu.com"
    //     }else{
    //         alert("账号密码错误")
    //     }
    // }

    //当前几点按钮时候 要获取id 为d1 的标签
    // function fun(){
    //   /**
    //    * 根据id 获取制定id 元素标签
    //    * document.getElementById();
    //    */
    //   var div = document.getElementById("d1")
    //   console.log(div)
    //   // 获取到元素以后就可以获取元素内容
    //   /**
    //    * 元素.innerText
    //    * 元素.innerHtml
    //    */
    //   console.log(div.innerText)
    //   /**
    //    * 修改元素内容
    //    * div.innerText = 新的内容
    //    */
    //   div.innerText = "fanjialong"
    // }

    /**
     * 创建一个登录界面
     * 获取界面当中账号和密码
     * 如果站好输入等于admin 密码输入等于123 表示登录成功跳转到baidu.com
     * 否则提醒账号密码错误
     */
</script>
</html>