1. 程式人生 > >innerText、innerHTML

innerText、innerHTML

mov ebe 空格 select標簽 獲取 數組 nbsp 刷新 進行

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