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‘)
innerText、innerHTML