2018-08-18-Python全栈开发day42-js基础dom对象

dom对象-

将html文档看做节点，通过节点来找到标签再进行操作

html，css，js，jquery等都是通过先找到标签，再操作标签来完成任务，只是找标签和操作标签的方式不同

主要学习的是document和element

1.node节点

　1.1节点属性

　　nodename、nodetype、nodevalue，innerHTML==标签内的所有内容带格式，

　　innertext==标签内所有内容不带格式

　1.2 导航属性

　　通过导航来找到标签

　　

ele.children()某个标签的所有子元素，不含孙子代

　　访问节点

　　

ele.document.getElementById()通过id来访问标签
    ele.document.getElementsByClassName()通过类名来访问标签，得到数组
    ele.document.getElementsByName()通过名字来访问标签，得到数组
    ele.document.getElementsByTagName()通过标签类型来访问标签，得到数组

　　2.局部查找：

　　先通过document定位到标签，再通过element来找子标签

2.1 onfocus 点击时焦点在上面。

　　onblur 焦点失去时继续显示内容

　　

<input type="text" onfocus="f1()" onblur="f2()" value="aaaa">
function f1() {
        alert(1)
    }
    function f2() {
        alert(2)
    }

 　　如果在函数中加上this属性，在写函数时，其参数就代表这个标签