innerText、innerHTML

innerTest
修改的是标签的文本内容，如果修改的字符串具有标签的格式，不会把标签展示到页面中

innerHtml
打印标签中所有子标签 以字符串的形式，如果修改的字符串有标签的格式，则直接展示到页面中

select 操作
通过value
一定是option中value属性对应的值

selectedindex 通过角标进行修改
展开select标签，从上到下 依次定位 0 - n

css
1、标签中
2、head标签中link
3、head中style
.c1{
    height:1px;
    wid;;xxxx
}
.c2{}

常用 class
<div class='c1 c2'></div>
id
<div id='i1'></div>

ClassName
获取标签class属性 字符串类型 修改时 通过空格间隔css选择器

创建标签
子标签后面
div.insertAdjacentHTML('beforeEnd',str)
子标签前面
div.insertAdjacentHTML('afterBegin',str)
获取标签前面
div.insertAdjacentHTML('beforeBegin',str)
获取标签后面
div.insertAdjacentHTML('afterEnd',str)

删除
1、innerHTML
2、eleobj.removeChild(child) 形参接受子标签对象

刷新
location.href = location.href
location.reload()

==  和 === 区别
 ==只会校验值是否相同 不校验数据类型

=== 既校验数据类型也校验值

循环
 这种循环支持数组 和  字典
var list = ['dsx','nn'];
var dict = {"name":"dsx","age":"18"};
for (var i in dict){
    console.log(i)
}

这种不支持字典的循环
for (var i=0;i<3;i++){
        console.log(list[i])
    }

作业：
    完善抽奖页面的js
    注册
    登录
    抽奖
    查看中奖纪录
    查看所有奖品信息

xpath
//* 代表获取全部元素
@ 后面接属性名
//*[@id='i1']
属性定位
只要是标签中的属性 就可以通过@进行定位
通过标签中任意唯一属性 进行定位
//*[@placeholder='请通过ID定位元素']

通过tagname进行范围缩减
//input[@placeholder='请通过ID定位元素']

同时多属性定位
//input[@class='classname' and @placeholder='请通过CLASSNAME定位元素']

如果 通过css selector必须使用角标进行定位则可以选择使用xpath 因为css selector不支持角标定位

1、火狐浏览器的     firebug firepath
2、python安装selenium
3、下载火狐、谷歌 、ie驱动并调通
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('http://ui.imdsx.cn')

http://www.imdsx.cn/index.php/2017/07/27/html4/