js几种定位方法总结

前言
本篇总结了几种js常用的定位元素方法,并用js点击按钮,对input输入框输入文本
 
一、以下总结了5种js定位的方法
除了id是定位到的是单个element元素对象,其它的都是elements返回的是list对象
1.通过id获取
document.getElementById(“id”)
2.通过name获取
 document.getElementsByName(“Name”)

返回的是list

3.通过标签名选取元素
document.getElementsByTagName(“tag”)
4.通过CLASS类选取元素
document.getElementsByClassName(“class”)
兼容性:IE8及其以下版本的浏览器未实现getElementsByClassName方法
5.通过CSS选择器选取元素
document.querySelectorAll(“css selector")
兼容性:IE8及其以下版本的浏览器只支持CSS2标准的选择器语法

from selenium import Webdriver
import time

driver = webdriver.Firefox()
driver.get("http://cnblogs.com/yoyoketang")

#定位首页管理按钮:id=blog_nav_contact
js1 = ‘document.getElementById("blog_nav_contact")‘.click;‘
driver.execute_script(js1)

#输入账号
js2 = ‘document.getElementsByClassName("input-text")[0].value="XX";‘
driver.execute_script(js2)

#输入密码
js3 = ‘document.getElementsByClassName("input-text")[1].value="xxx";‘
driver.execute_script(js3)

#勾选记住密码
js4 = ‘document.getElementsByName("remember_me")[0].click();‘
driver.execute_script(js4)

#点击登录按钮
js5 = ‘document.querySelectorAll(#signin)[0].click();‘
driver.execute_script(js5)

链接:https://www.cnblogs.com/lunvo/p/9183119.html

原文地址:https://www.cnblogs.com/wenjing2019/p/12195710.html

时间: 2024-08-29 22:32:05

js几种定位方法总结的相关文章

web页面元素的8种定位方法

一.web页面元素定位工具介绍 1.打开google浏览器,按F12进入开发者模式,如下图: 2.用鼠标点击下图红色框中的箭头——然后鼠标移动到web页面的元素上(此处为百度框),会自动定位到对应的html代码,如下图: 二.web页面元素的8种定位方法: 1.通过元素的id属性来定位元素——id是唯一标识(每个id都是不一样的) driver.find_element_by_id("kw")     1 from selenium import webdriver 2 driver=

Selenium2+python自动化45-18种定位方法(find_elements)【转载】

前言 江湖传言,武林中流传八种定位,其中xpath是宝刀屠龙,css是倚天剑. 除了这八种,其实还有十种定位方法,眼看就快失传了,今天小编让失传已久的定位方法重出江湖! 一.十八种定位方法 前八种是大家都熟悉的,经常会用到的 1.id定位:find_element_by_id(self, id_)2.name定位:find_element_by_name(self, name)3.class定位:find_element_by_class_name(self, name)4.tag定位:find

自动化框架——PO设计模式自学——第三种定位方法

import time from selenium import webdriver driver = webdriver.Firefox() driver.get('http://www.baidu.com') time.sleep(5) driver.find_element('id','kw').send_keys('中国') driver.find_element('id','su').click() time.sleep(10) driver.quit() 使用find_element

Segmentation Fault的一种定位方法

1. 介绍 网上有很多Segmentation Fault的调试方法,下面这篇文件就很好 <Linux环境下段错误的产生原因及调试方法小结> 然而笔者在实际的使用中由于各种原因总觉得不够用 于是在网上找到了一种个人觉得更直接的方法 2. 原理 Segmentation Fault发生的时候,程序收到了信号11(SIGSEGV) 我们捕获该信号,然后利用事故发生时保存的寄存器现场加上栈信息定位到具体行 这里参考了< C/C++捕获段错误,打印出错的具体位置(精确到哪一行) > 使用其

(六)八种定位方法

1.安装火狐插件 ①旧版本firefox 火狐浏览器右上角-->附件-->获取更多附件-->搜索-->Firebug 安装 Firebug 扩展:https://addons.mozilla.org/zh-CN/firefox/addon/firebug/ ,添加到firebug之后,重启火狐,之后会在右上角看大一个七星瓢虫类似的说明安装成功. 但是由于FIrebug已经不再更新了,新版本的Firefox浏览器好像不支持firebug的js调试 下个旧版本Firefox39.0.2

jquery.autocomplete.js 两种实现方法

<script type="text/javascript"> var v = 1; var stockInfoJson = [ { "name": "深发展A", "code": "000001", "spell": "sfza", "count":"32435" }, { "name": &q

selenium—八种定位方法

find_element_by_id() find_element_by_name() find_element_by_class_name() find_element_by_tag_name() find_element_by_link_text() find_element_by_partial_link_text() find_element_by_xpath() find_element_by_css_selector()

selenium使用Xpath+CSS+JavaScript+jQuery的定位方法(治疗selenium各种定位不到,点击不了的并发症)

[第一部分]开篇:先认识Xpath的4种定位方法 跟你说,你总是靠那个firebug,chrome的F12啥的右击复制xpath绝对总有一天踩着地雷炸的你死活定位不到,这个时候就需要自己学会动手写xpath,人脑总比电脑聪明,开始把xpath语法给我学起来! 第1种方法:通过绝对路径做定位(相信大家不会使用这种方式) By.xpath("html/body/div/form/input") By.xpath("//input") 第2种方法:通过元素索引定位 By.

CSS3(三)BFC、定位、浮动、7种垂直居中方法

目录 一.BFC与IFC 1.1.BFC与IFC概要 1.2.如何产生BFC 1.3.BFC的作用与特点 二.定位 2.2.relative 2.3.absolute 2.4.fixed 2.5.z-index属性 2.6.菜单 2.7.:target伪类 三.浮动 3.1.float取值 3.2.float的特性 3.3.清除浮动 3.3.1.清除外部浮动 3.3.2.清除内部浮动 四.多种居中办法 4.1.块标签自身水平居中 4.2.块标签内对齐 4.3.垂直居中方法一 4.4.垂直居中方法