柚子快報激活碼778899分享:
柚子快報激活碼778899分享:
HTML DOM節(jié)點
==========
HTML DOM (Document Object Model) 中 , 每一個元素都是節(jié)點。
Document 對象是 Window 對象的一部分,可通過 window.document 屬性對其進行訪問。
元素定位
這里才是重點,JS元素定位其實說的就是Document元素定位。
查找元素,最常用的查找是根據(jù)ID和Tag Name ,注意:除id,css選擇器以外是元素組定位
1. document.getElementById(id屬性值) --》唯一的
2. document.getElementsByClassName(class屬性值) --》可以定位一組元素
? document.getElementsByClassName(class屬性值)[索引值] 對一組元素中的單個元素的獲取
3. document.getElementsByName(name屬性值)
4. document.getElementsByTagName(標簽名)
5. document.querySelector(css選擇器) --》對于沒有id/name/classname屬性,可以使用這個定位元 素
這里與普通的元素定位沒有什么太大的區(qū)別,元素組定位索引取值,元素定位。還有就是value與send_keys區(qū)別。
from selenium import webdriver
fox = webdriver.Firefox()
fox.implicitly_wait(5)
fox.get(‘https://baidu.com’)
js_input = “document.getElementById(‘kw’).value=‘python’”
fox.execute_script(js_input)
jx_click = “document.getElementById(‘su’).click()”
fox.execute_script(jx_click)
fox.quit()
from selenium import webdriver
fox = webdriver.Firefox()
fox.implicitly_wait(5)
fox.get(‘https://baidu.com’)
js_input = “document.getElementsByClassName(‘mnav’)[0].click()”
fox.execute_script(js_input)
sleep(2)
fox.quit()
這里看到區(qū)別了吧,JS中元素定位方式類似,寫法還是有一定的區(qū)別的。我個人舉得還是挺繁瑣的。其他的元素定寫法與上述類似,這里就不做全部的代碼展示了。自行練習(xí)!
更改元素屬性值
看到這是不是很意外,還能更改元素屬性值,JS的特點這里也有份,網(wǎng)頁中有部分的屬性是隱藏的,有些屬性只讀不可寫讓我們具體看看。
document.getElementById(‘kw’).autocomplete= ‘off’ --常用元素屬性修改;百度 document.getElementById(‘vip’).style.visibility= ‘visible’ --設(shè)置元素的隱藏屬性,是否顯示;
隱藏的元素:利用javascript更改元素屬性值,讓元素可見
例如:visibility:hidden(隱藏),visible(顯示)
display : none(隱藏),block(顯示)
看這個例子,我們可以通過更改屬性值直接隱藏掉這個煩人的東西。
from time import sleep
from selenium import webdriver
fox = webdriver.Firefox()
fox.implicitly_wait(5)
fox.get(‘https://www.tmall.com/’)
js = “document.querySelector(‘.j_doodleLink’).style.display=‘none’”
fox.execute_script(js)
sleep(3)
fox.quit()
還可以更改很多東西,比如text值,定位元素后.text=’ '想要修改的值,具體的用法很多很多,對于測試而言,這部分其實也差不多,但是你想技多不壓身就去研究研究。
控制滾動條
======
控制滾動條有什么好處,如果頁面沒有完全顯示,element如果是在下拉之后才能顯示出來,只能先滾動到該元素才能進 行click,否則是不能click。
對于縱向滾動條,我們要獲取滾動條的高度;
對于橫向滾動條則需要獲取他的寬度
1. document.body.scrollHeight 獲取對象的滾動高度
2. document.body.scrollWidth 獲取對象的滾動寬度
滑動滾動條:
window.scrollTo(x,y) 方法可把內(nèi)容滾動到指定的坐標。
滑動到頁面底部:
1. 左下角:window.scrollTo(0,document.body.scrollHeight)
2. 右下角:
window.scrollTo(document.body.scrollWidth,document.body.scrollHeight)
3. 指定位置:window.scrollTo(0,數(shù)值)
4. 滑動到指定元素:ele.srollIntoView() true:與元素頂部對其,false:與元素底部對其 ????????????????????????document.querySelector(‘’).scrollIntoView()
document.querySelector(‘’).scrollIntoView(false)
這里直接拿淘寶的例子來跑,先下拉到指定舉例,再下拉到最底部:
from selenium import webdriver
from time import sleep
fox = webdriver.Firefox()
fox.get(‘https://www.taobao.com/’)
fox.maximize_window()
獲取高度
js_height = “return document.body.scrollHeight”
height = fox.execute_script(js_height)
print(height)
獲取寬度
js_width = “return document.body.scrollWidth”
width = fox.execute_script(js_width)
print(width)
下滑1000px
js_left = “window.scrollTo(0,1000)”
fox.execute_script(js_left)
sleep(2)
下滑最底部
jx_left_down = “window.scrollTo(0,document.body.scrollHeight)”
fox.execute_script(jx_left_down)
下滑到指定元素
jx_left_zd = “document.querySelector(‘ul.list > a:nth-child(3) > div:nth-child(1) > div:nth-child(2)’).scrollIntoView(false)”
fox.execute_script(jx_left_zd)
上述是瀏覽器滾動條。接下來給到各位一個界面元素滾動條。自己寫了一個JS,便于練習(xí),源碼給到各位:
人們常說,猶豫一萬次,不如實踐一次。一個人越猶豫不決,就越容易患得患失.
西雨斜風(fēng)作小寒,淡煙疏柳媚晴灘.
入淮清洛漸漫漫,雪沫乳花浮午盞。
蓼茸蒿筍試春盤,人間有味是清歡
個人微信號qing_an_an
自我介紹一下,小編13年上海交大畢業(yè),曾經(jīng)在小公司待過,也去過華為、OPPO等大廠,18年進入阿里一直到現(xiàn)在。
深知大多數(shù)同學(xué)面臨畢業(yè)設(shè)計項目選題時,很多人都會感到無從下手,尤其是對于計算機專業(yè)的學(xué)生來說,選擇一個合適的題目尤為重要。因為畢業(yè)設(shè)計不僅是我們在大學(xué)四年學(xué)習(xí)的一個總結(jié),更是展示自己能力的重要機會。
因此收集整理了一份《2024年計算機畢業(yè)設(shè)計項目大全》,初衷也很簡單,就是希望能夠幫助提高效率,同時減輕大家的負擔(dān)。
既有Java、Web、PHP、也有C、小程序、Python等項目供你選擇,真正體系化!
由于項目比較多,這里只是將部分目錄截圖出來,每個節(jié)點里面都包含素材文檔、項目源碼、講解視頻
如果你覺得這些內(nèi)容對你有幫助,可以添加VX:vip1024c (備注項目大全獲?。?/p>
r(getComputedStyle(o)[“border-top-width”]);
}
return allY;
}
自我介紹一下,小編13年上海交大畢業(yè),曾經(jīng)在小公司待過,也去過華為、OPPO等大廠,18年進入阿里一直到現(xiàn)在。
深知大多數(shù)同學(xué)面臨畢業(yè)設(shè)計項目選題時,很多人都會感到無從下手,尤其是對于計算機專業(yè)的學(xué)生來說,選擇一個合適的題目尤為重要。因為畢業(yè)設(shè)計不僅是我們在大學(xué)四年學(xué)習(xí)的一個總結(jié),更是展示自己能力的重要機會。
因此收集整理了一份《2024年計算機畢業(yè)設(shè)計項目大全》,初衷也很簡單,就是希望能夠幫助提高效率,同時減輕大家的負擔(dān)。 [外鏈圖片轉(zhuǎn)存中…(img-Isfg3g4r-1712578295979)] [外鏈圖片轉(zhuǎn)存中…(img-TRNwPNzM-1712578295980)] [外鏈圖片轉(zhuǎn)存中…(img-FWyJfHlI-1712578295980)]
既有Java、Web、PHP、也有C、小程序、Python等項目供你選擇,真正體系化!
由于項目比較多,這里只是將部分目錄截圖出來,每個節(jié)點里面都包含素材文檔、項目源碼、講解視頻
如果你覺得這些內(nèi)容對你有幫助,可以添加VX:vip1024c (備注項目大全獲?。?[外鏈圖片轉(zhuǎn)存中…(img-2KZQaXtB-1712578295980)]
柚子快報激活碼778899分享:
相關(guān)文章
本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理,出于傳遞更多信息之目的,不代表金鑰匙跨境贊同其觀點和立場。
轉(zhuǎn)載請注明,如有侵權(quán),聯(lián)系刪除。