3 - web 页面组成之 dom 对象
selenium -工具包:ide--录制、webdriver -网页api库、grid-分布式
DOM对象-通过访问dom对象访问页面
DOM (Document Object Mode):是定义了访问 HTML 文档的一套属性、方法和事件。
本质:
- 网页与脚本语言沟通的桥梁。
- 脚本语言通过 DOM对象 来访问 htm| 页面,从而改变文档的结构,样式和内容。
- 当浏览器载入HTML文档,它就会成为document对象。
HTML DOM独立于平台和编程语言。
它可被任何编程语言诸如Java、JavaScript 和VBScript使用。
1、浏览器打开F12,js操作
查看网页所有属性
window.document
2、document对象--js查找元素
元素的class属性:
document.getElementsByClassName()
元素的name属性:
document.getElementsByName()
css选择器:不学
document.querySelector("")
元素的标签名:
document.getElementsByTagName()
元素id属性:
document.getElementById("kw")
js百度输入框修改classname值
=============
==
3、元素的属性
改变属性:
document.getElementByXXX( "”).属性名=属性值
获取属性2:
document.getElementByXXX( "”).getAttribute(属性名)
改变元素的内容:
包含 htm| 元素标签 -- 有后代:
document.getElementByXXX( "” ).innerHTML= new HTML
不包含 html 标签,纯文字:
document.getElementByXXX(””).innerText=new text
4、样式
改变样式
document.getElementByXXX( " )-style.样式名=样式值
例:
元素的可见性
document.getElementByXXX(”” ).style.visibility='hidden'
元素的颜色
document.getElementByXX(”” ).style.color='red'
菜鸟教程地址:https://www.w3school.com.cn/js/index.asp