`
271788203
  • 浏览: 490216 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

获取页面元素的方法

阅读更多

document.getElementsByName()    是根据控件名称获取这个控件对象,因为控件名称可以相同,返回的是一个对象数组。
document.getElementById()      是根据控件ID获取这个控件对象,因为控件ID唯一,返回的是一个对象。
document.getElementsByTagName() 是根据控件TAG获取这个控件对象,返回的是一个对象数组。

例如:
HTML中有控件如下:
    <input type="radio" id="radio1" checked="checked" name="radiogroup1" />
    <input type="radio" id="radio2" name="radiogroup1" />
    <input type="radio" id="radio3" name="radiogroup1" />
则:
    document.getElementsByName('radiogroup1') 取得的是这三个控件,可以用document.getElementsByName('radiogroup1')[0] 取得的是第一个控件。
    document.getElementById('radio1')取得的是第一个控件,
    document.getElementsByTagName('input') 取得的是这三个控件,可以用document.getElementsByTagName('input')[0] 取得的是第一个控件。

分享到:
评论

相关推荐

    jsp 应用获取表单元素

    在网页交互中,表单元素的处理是一个关键环节,用户通过填写表单并提交,服务器端的JSP页面则负责接收这些数据,进行后续处理。下面我们将详细探讨如何在JSP中获取表单元素的值。\n\n1. 表单元素的基本结构:\n在...

    javascript获取隐藏元素(display:none)的高度和宽度的方法

    另外,这种方法主要是通过改变元素的显示状态来获取尺寸,所以并不适用于所有场景,特别是那些对页面布局和元素可见性有严格要求的应用。在实际应用中,应当根据具体的业务需求和页面布局情况,选择最合适的方法。 ...

    获取元素绝对位置 position

    在前端开发中,获取元素的绝对位置是一个常见的需求,它涉及到网页布局和交互设计。"获取元素绝对位置 position"这个话题主要关注JavaScript中如何准确地定位DOM元素在页面中的坐标。这里,我们将深入探讨相关知识,...

    获取网页上 xpath , css 路径的插件, 方便爬虫、自动化测试相关软件工作者快速获取页面上html元素路径

    XPath和CSS选择器是两种常见的定位HTML元素的方法,它们被广泛用于网页抓取、网页自动化和测试工具中。这篇内容将详细阐述这两种路径的获取方式以及如何利用浏览器插件提高效率。 首先,XPath(XML Path Language)...

    分析网页对网页元素的获取方法提供参考

    本文将深入探讨网页元素的获取方法,为开发者和测试工程师提供实用的参考。 网页元素是构成网页的基本单元,包括HTML标签如`&lt;div&gt;`, `&lt;p&gt;`, `&lt;a&gt;`等,以及CSS样式和JavaScript对象。在分析网页时,我们主要关注以下...

    C++ builder 网页元素获取实例

    在C++ Builder中进行网页元素获取,主要是指与Web交互,获取HTML页面中的特定信息,例如文本、链接、图片等。这一过程通常涉及到网络编程、HTML解析和可能的JavaScript交互。下面将详细介绍C++ Builder中实现这个...

    JS获取网页中HTML元素的几种方法分析

    ### JS 获取网页中 HTML 元素的几种方法分析 在 Web 开发中,JavaScript 是一种常用的客户端脚本语言,能够动态地控制网页的行为与样式。本文将深入探讨 JavaScript 获取网页中 HTML 元素的多种方法及其应用场景。 ...

    使用Uiautomotorviewer无法获取手机页面元素+解决办法

    然而,有时可能会遇到"使用Uiautomotorviewer无法获取手机页面元素"的问题,这通常是由于多种原因造成的。下面我们将详细探讨这个问题及其解决方法。 1. **问题可能一:版本不兼容** - UIAutomatorViewer与Android...

    js中利用tagname和id获取元素的方法

    在JavaScript(JS)中,获取页面上的特定元素是前端开发中的基本操作。本文将介绍三种利用`tagName`和`id`获取元素的方法。这些方法在处理网页交互和动态更新内容时非常有用。以下是对每种方法的详细说明: 1. **...

    易语言模块取网页元素.rar

    在使用这个模块时,用户需要了解基本的网页结构和HTTP请求原理,然后通过调用模块提供的函数或方法,就可以轻松地实现网页元素的获取和操作。这对于那些希望快速开发网页爬虫或者需要从网页中提取特定信息的易语言...

    遍历网页获取元素

    在IT领域,网页遍历和元素获取是一项基本的技能,特别是在网页自动化、数据抓取以及网络编程中。本文将深入探讨如何使用编程语言,如C++(以VC2008为例),来实现这一功能,同时结合表单的填写操作。 首先,我们...

    Jquery方式获取iframe页面中的 Dom元素

    为了获取iframe中的DOM元素,我们可以通过jQuery来实现这一目标。...理解并掌握jQuery获取iframe DOM的方法,对于Web开发人员来说是十分有用的技能,能够帮助他们构建更加丰富和动态的网页交互体验。

    jQuery实现获取元素索引值index的方法

    jQuery作为一个强大的JavaScript库,提供了一系列方法来简化DOM操作,其中“.index()”方法便是用于获取元素索引值的一种有效方式。 首先,我们要了解“.index()”方法的作用,它可以帮助我们获取jQuery对象集合中...

    table里面获取所有元素

    此外,现代浏览器支持`querySelectorAll()`方法,可以更方便地获取指定类型的元素: ```javascript var allCells = table.querySelectorAll('td'); // 获取所有单元格 ``` 在实际应用中,开发者可能还会遇到需要...

    C# 利用WebBrowser获取网页信息

    通过理解和掌握上述方法,你可以轻松地获取网页的HTML源码、元素内容,执行JavaScript,以及监听网页加载的各种状态,实现丰富的网页交互功能。在实际项目中,根据需求,还可以结合其他技术如正则表达式、HTML解析库...

    js获取页面控件坐标.pdf

    获取页面控件坐标是 JavaScript 编程中非常重要的一部分,我们可以使用多种方法来获取元素的坐标,包括使用 offsetLeft 和 offsetTop 属性、getBoundingClientRect() 方法和 JavaScript 库等。 此外,在 HTML 文...

    vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法

    this.$refs[‘通过设置ref获取到的dom元素’]....以上这篇vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。

    获取页面元素实际宽高的属性的使用

    ### 获取页面元素实际宽高的属性使用详解 在前端开发中,了解如何准确地获取页面元素的实际宽高是非常重要的。这不仅有助于我们优化页面布局,还能提高用户体验。本文将详细介绍`clientWidth`、`clientHeight`、`...

    jquery获取form表单input元素值的简单实例

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法

    原生JavaScript提供了一种方法来实现这种父子页面间的DOM元素获取与操作。 首先,我们需要了解iframe元素的基本特性。iframe元素中的内容对于外部页面来说是隔离的,有自己的DOM树和执行上下文。因此,直接操作...

Global site tag (gtag.js) - Google Analytics