学习在线客服案例

Original 2019-04-23 10:57:23 219
abstract:<html> <meta charset="utf-8"> <head>     <style type="text/css">         ul{ list
<html>
<meta charset="utf-8">
<head>
    <style type="text/css">
        ul{ list-style: none; padding: 15px; overflow: hidden}
        .div1{width: 450px;height: 650px; background: #ccc; box-shadow: 2px 2px 2px #808080;margin: 30px auto;}
        .div2{ width: 400px; height: 500px; background: #efefef; border: 4px double green;
         margin: 5px auto;}
        h1{ text-align: center}
        table{ width: 90%; height: 80px; margin: auto}
        button:hover{ cursor: pointer}
    </style>
</head>
<body>

<div class="div1">
    <h1>在线客服</h1>
    <div class="div2">
        <ul>
            <li></li>
        </ul>

    </div>
    <table>
        <tr>
            <td align="right"><textarea name="text" cols="50" rows="4"></textarea> </td>
            <td align="left"> <button type="button">发送</button></td>
        </tr>
    </table>
</div>

<script >
//获取页面元素
    let btn = document.getElementsByTagName("button")[0];
    console.log(btn);
    let text = document.getElementsByName("text")[0];
    console.log(text);
    let list = document.getElementsByTagName("ul")[0];
    console.log(list);

    let sum = 0;
</script>
</body>

</html>


Correcting teacher:查无此人Correction time:2019-04-23 13:51:23
Teacher's summary:完成的不错,今天你完成了不少作业。继续加油。

Release Notes

Popular Entries