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‘)
innerText、innerHTML
原文地址：https://www.cnblogs.com/Noul/p/9601011.html