html如何获得选中框的id,CSS选择器ID

语法：css = 。

'#'用于表示ID属性。 如果正在使用ID属性创建CSS Selector，则必须使用#号。

该属性的值始终以井号开头。

下面来看看一个关于如何使用ID属性来创建唯一标识Web元素的CSS Selector的示例。将尝试通过为该特定Web元素定义CSS Selector来定位Web元素。

启动Firefox浏览器。

单击浏览器右上角的Selenium图标。

它将启动Selenium IDE的默认界面。

单击“测试脚本编辑器”框中的命令文本框。

将第一个命令的属性修改为：

命令：open

目标：localhost

执行后，此命令将在Firefox浏览器上加载本地登录页面。本地文件：index.php 的代码如下所示：

Selenium示例™ - 易百教程

Selenium示例

if($_POST){

$username = isset($_POST['username'])? trim($_POST['username']):'';

$password = isset($_POST['password'])? trim($_POST['password']):'';

if($username=='yiibai' && $password = '123456'){

echo "

您好，{$username} !

";

}

}

?>

现在，使用第二个命令，找到“用户名”文本框。 首先，将检查“用户名”文本框以获取其ID属性的值。右键单击“用户名”文本框，然后选择“检查元素”。

从所选代码部分中选择ID属性。现在，将CSS选择器定义为：css=input#username

将第二个命令的属性修改为：

命令：click at

目标：css=input#username

执行后，此命令将单击“用户名”文本框。

使用相同的CSS选择器添加一个命令，此命令将在“用户名”文本框中键入用户名文本。

对于其它两个元素：密码和登录按钮，可以使用相同的方式设置自动化命令。完整的自动化命令如下所示：

执行测试脚本，看看插入命令是否正常工作。

单击IDE工具栏菜单上的“运行当前测试”按钮。它将在浏览器上执行所有插入的命令，并为提供已执行测试脚本的总体摘要。

以下屏幕截图显示已成功执行了测试脚本。

(1) - ID属性用于两个CSS选择器以定位“用户名”文本框元素。

(2) - 日志窗格显示已执行测试脚本的总体摘要。

(3) - 执行第三个命令后生成的值。

¥ 我要打赏

纠错/补充

收藏

加QQ群啦，易百教程官方技术学习群

注意：建议每个人选自己的技术方向加群，同一个QQ最多限加 3 个群。