知道html元素，如何定位js代码

首先，对于简单的HTML页面（少加载JS文件），可以使用Firefox Firebug或Google控制台轻松查看它们。
如何查看Firefox浏览器按Firebug并按F1 2 ，然后在右侧的情况下选择要详细显示的DOM元素。
Google浏览器还可以使用相同的方法显示合并到相应的DOM元素中的事件。
F1 2 ->元素 - > EventListenners，但是，在复杂的HTML页面上，它等效于加载JS文件和相应的插件。
在这一点上，您将使用浏览器随附的事件查看您。
该设备似乎无助！因此，当您遇到上述情况时，如果您想快速找到绑定这些事件的元素，则可以使用Google的VisualEvent插件来帮助您立即找到它们。
因此，首先转到Google扩展库，然后下载并安装相应的插件。
成功安装后，浏览器的右上角出现了一只小眼睛。
接下来，我将讨论如何使用VisualEvent插件。
页面加载后，单击小眼睛，然后大约5 秒钟后将出现元素绑定事件。
最后，如果您转到显示鼠标的元素，您将看到您有一个JS文件，相应的事件名称非常有用。
[源网络]

HTML定位——绝对定位和相对定位、固定定位

HTML位置：完美的位置，相对位置和HTML的稳定位置具有完美位置，完美位置和稳定位置的特殊特征。
首先，完美的位置（位置完美）基于程序上的一个主体，并且在任何地方都不包含。
如果祖先不可用，则在整个文件中相对拥有。
例如，如果蓝色框没有任何祖先，它将完全放在屏幕上。
相对位置（与位置相关状态）成分的基本位置不会改变其他物质的位置。
例如，当删除相对位置时，画廊包含第一个空间，绿色框将留在主要位置。
但是，如果您将相对位置添加到黄色框中，它将进行更新且正确，但不会为其他身体加载位置。
最后，稳定层（位置）是一种非常专业的方法。
他总是不覆盖浏览器窗口，而不会覆盖页面。
例如，小型通知和导航栏，浏览页面，网站在网站上的网站上打扮。

你不可不知道的Selenium 8种元素定位方法！简单且实用

8 硒元素定位方法简单且实用，如下所示：ID的定位：方法：find_element_by_id说明：元素的定位是通过HTML中的独特识别属性执行的。
名称定位：方法：find_element_by_name描述：定位是通过HTML元素名称的属性完成的。
标签定位：方法：find_element_by_tag_name描述：HTML元素标签名称的位置元素。
类定位：方法：find_element_by_class_name描述：定位是使用HTML元素类名称完成的。
link_text定位：方法：find_element_by_link_text说明：通过元素文本的完整内容定位。
部分位置_link：方法：find_element_by_partial_link_text说明：长期文本内容的附加定位方法，通过文本内容的一部分定位。
XPATH定位：方法：FIND_ELEMENT_BY_XPATE描述：定位是通过XPath表达式执行的，支持诸如名称，文本，类等的许多属性。
CSS_SELECTOR定位：方法：方法：FIND_ELEMENT_BY_BY_CSS_SELECTOR说明：元素定位通常比XPath更快，但是很难。
能够掌握和灵活地实施这些定位方法将大大提高自动测试的效率和准确性。

CSS设置DIV的定位绝对定位和相对定位

确定显示浏览器中DIV或其他元素在HTML布局中的重要用途。
我们通过合理的计划使我们的网站变得美丽而慷慨。
在这里，我将讨论如何使用CSS放置DIV。
首先，我不会让Div查看浏览器中如何显示DIV。
特定符号如下：htmlheadtitlecssdiv gps/titleStyletype =“ text/css” .div1 {height：1 00px;优惠：1 00px;边界风格：固体；边框颜色：红色；边境表演：1 0px;背景颜色：黄色;}。
1 00px;优惠：1 00px;边界风格：固体；蓝色：边界表演：1 0px;色彩壁纸：黄色;}/style/headbodydclass =“ div1 ”/divdivclass =“ div2 ”/div/div/div/body/html，如下图所示。
您可以在不使用GPS的情况下看到DIVS网站。
我们可以发现DIV是一个质量，并且已自动包装。
相对位置：首先，使用Div2 的相对识别，并以该位置实现：相对；指定的代码如下：htmlheadtitlecsssdiv gps/titlessyletype =“ text/css” .div1 {高度：1 00px;宽度：1 00px;风格边界：固体；边框颜色：红色；边境表演：1 0px TH：1 00px;边界风格：固体；边框颜色：蓝色；边境表演：1 0px;色彩墙纸：黄色；地点：相对论；顶部：4 0像素；左：4 0px;}/style/headbodydivclass =“ div1 ”/divdivclass =“ div2 ”/div/div/html，您可以看到下一个数字。
DIV2 位置从DIV1 位置进行补偿，顶部有4 0个像素，左侧有4 0个像素。
绝对位置标识：让我们看一下绝对位置，以便DIV1 和DIV2 可以重叠。
特定符号如下：htmlheadtitlecssdiv gps/titleStyletype =“ text/css” .div1 {height：1 00px;优惠：1 00px;边界风格：固体；红色：红色；边界表演：1 0PX DTH：1 00px;边界风格：固体；边框颜色：蓝色；边境表演：1 0px;背景：黄色；地点：绝对；顶部：4 0像素；左：4 0px;}/style/headbodydivclass =“ div1 ”/divdivclass =“ div2 ”/div/div/html。
您发现两个Div块重叠了吗？具体效果如下。
绝对GPS：现在我将使Div1 6 0px和6 px Edge了解实现效果的外观？指定的符号如下：htmlheadtitlecsssdiv gps/titlessyletype =“ text/css” .div1 {高度：1 00px;优惠：1 00px;边界风格：固体；边框颜色：红色；边境表演：1 0px;背景颜色：黄色；地点：绝对；顶部：6 0px;左：6 0px;}。
边界风格：固体；边框颜色：蓝色；边境表演：1 0px;色彩墙纸：黄色；地点：绝对；顶部：4 0像素；左：4 0px;}/style/headbodydivclass =“ div1 ”/divdivclass =“ div2 ”/div/div/html，您可以在下面看到实现效果。
你发现这一点了吗绝对位置是浏览器左上角（0.0）作为起点的坐标点的像素点。
Div Block Plus文本P：为了解释与以下网站相关的知识，我将首先执行以下表单。
指定的代码如下：htmlheadtitlecssdiv网站/titlessyletype =“ text/css” .div1 {高度：1 00px;优惠：1 00px;边界风格：固体；边框颜色：红色； /p/div/body/html可以看如下：DIV块中的文本。
那么，我们如何在DIV块中始终使汉字div呢？我们正在谈论的是使用绝对站点。
DIV和文本：将DIV块调整到绝对位置，并知道显示文本的位置。
指定的符号如下：htmlheadtitlecsssdiv gps/titlessyletype =“ text/css” .div1 {高度：1 00px;优惠：1 00px;边界风格：固体；边框颜色：红色；边境表演：1 0px;背景颜色：黄色；地点：脓肿；顶部：6 0px;左：6 0px;}/Headbody DivClass = Div1 /P/Body/HTML，如下图所示。
您是否发现文本不在DIV块中？该块中的文本位于DIV的绝对位置下：在这里，我想在绝对位置下实现DIV，DIV，并且可以在块中。
特定符号如下：htmlheadtitlecssdiv gps/titleStyletype =“ text/css” .div1 {height：1 00px;优惠：1 00px;边界风格：固体；边框颜色：红色；边境表演：1 0pxity：绝对；顶部：1 0px;左：1 0px;}/style/headbodydclass =“ div1 ”/divp i在div块中的文本。
/p/p/html彼此相反，以下是绝对的。
指定的显示效果如下图所示。