今天完成的事：任务14的第一个页面 学习了js的知识

遇到的问题：

知道了获取div的集中方法

1.getElementById( 'box').inner Html

2.get ElementByClassName( 命名) [ 0]inner Html

.get Elements ByClassName( 命名) [ 1]inner Html

这里 0代表1  1代表2  2代表三以此类推

3.document .query selector（‘’选择器‘’）inner Html

document .query selector All（‘’选择器‘’）[ 0]inner Html

document .query selector All（‘’选择器‘’）[ 1]inner Html

4.document.get Elements By Tag Name( 元素命）[ ]. inner Html = " ";

5.document .getElement by name( 名字)

触发事件

1.<script>

document .getElement By Id( '名称').onclick = function( ){

alert( ' hellow');

};

</script>

点击事件 

onclick 点击事件

 ondblclick双击事件

on mouseover鼠标移入on mouse out 鼠标移出

on mouseenter 鼠标移入 onmouse leave鼠标移出 

<script>
    // document.getElementById("box").innerHTML = "hi word";
    // 通过id获取元素
    // 改变元素的html内容
    //     .innerHTML
    // document.getElementsByClassName("box2")[0].innerHTML = "hi word";
    // 获取的是一个集合，要拿出对应的某个才能继续使用
    // document.querySelector("#box .test").innerHTML = " hi word"
    // 只会选中第一个
    // document.querySelectorAll(".test")[0].innerHTML = " 我是帅哥";
    // document.querySelectorAll(".test")[1].innerHTML = " hi word";
    // 获取选择器所有的集合
    // 通过选择器写法来获取元素
    // document.getElementsByTagName("p")[0] .innerHTML = "我好帅";
    // 通过标签名获取元素集合
    // document.getElementsByName()
    // name不要乱用 表单 lable a标签等 通过name获取元素也是集合
    // .getElement之前必须是document
    // document.getElementById("box").getElementsByTagName("p") [0].innerHTML = "hi";
</script>

定义变量var只允许文字 字母 和下划线 不能以数字开头 严格区分大小写

document.getElementById( "box")onclick=function(){

this.innerHtml = "hellow"

};

可以用htis代表上面的document.getElementById( "box")

明天的事：继续学习js的基础内容