`

获取HTML元素的三个方法

阅读更多

    获取HTML元素3个方法比较:document.getElementsByName()、document.getElementById()、document.getElementsByTagName()。

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

    document.getElementById()      是根据控件ID获取这个控件对象,因为控件ID唯一,返回的是一个对象。 

    document.getElementsByTagName() 是根据控件TAG获取这个控件对象,返回的是一个对象数组。 

例如: 

 HTML中有控件如下: 

   

 <input type="radio" id="radio1" checked="checked" name="radiogroup1"  value="1"/> 
    <input type="radio" id="radio2" name="radiogroup1" value="2"/> 
    <input type="radio" id="radio3" name="radiogroup1" value="3"/>

 

则: 

 document.getElementsByName('radiogroup1') 取得的是这三个控件,可以用      document.getElementsByName('radiogroup1')[0] 取得的是第一个控件。 

 document.getElementById('radio1')取得的是第一个控件, 

 document.getElementsByTagName('input') 取得的是这三个控件,

可以用document.getElementsByTagName('input')[0] 取得的是第一个控件。 

 

 

getElementsByName('delID')返回的是所有名称为'delID'的控件组成的数组,数组就是一种集合。

分享到:
评论

相关推荐

    JavaScript获取HTML DOM节点元素的方法的总结

    如果页面中有多个元素共享相同的name值,这个方法会返回所有这些元素的NodeList集合。对于如复选框(checkboxes)和单选按钮(radios)这类可能有相同name属性的元素,可以使用此方法获取所有相关元素,并通过检查`...

    JavaScript中获取HTML元素值的三种方法

    在JavaScript中,获取HTML元素值是网页动态交互的基础,它允许开发者从用户输入或页面上其他元素中收集信息。本文将详细介绍三种常用的方法:getElementById()、getElementsByName() 和 getElementsByTagName(),并...

    JS获取元素多层嵌套思路详解

    如果一段html嵌套过多,在js中获取还是比较麻烦的,我写了几套方案,大家可以参考参考,如果你有好的方法,也分享出来,让我们瞧瞧。 HTML: &lt;!DOCTYPE html&gt; &lt;html lang=en&gt; &lt;head&gt; &lt;meta ...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十四:HTML DOM-文档元素的操作(二)

    通过这个方法,我们可以直接根据元素的ID找到它,并对其进行操作,例如改变其内容、样式或属性。例如,`document.getElementById('myElement').innerHTML = '新内容';`将改变ID为'myElement'的元素的内部HTML。 ...

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

    在实际应用中,获取iframe DOM元素的场景可能包括:动态修改广告内容、集成第三方模块、统计页面上的特定内容等。理解并掌握jQuery获取iframe DOM的方法,对于Web开发人员来说是十分有用的技能,能够帮助他们构建...

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

    2. **CSS Selectors**:CSS选择器是一种强大的工具,用于匹配和选取HTML元素。除了基础的选择器如类名(`.class`)和标签名(`tag`),还有ID选择器(`#id`)、属性选择器(`[attribute=value]`)、伪类(`:hover`, ...

    易语言html元素过滤

    首先,HTML元素过滤是Web开发中的一个重要环节,它通常用于提取网页中的特定信息或者去除不必要或有害的元素。在易语言中,我们可以使用字符串处理函数和正则表达式来实现这一功能。例如,通过查找并替换特定的HTML...

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

    当使用解析库构建DOM(Document Object Model)模型时,可以像遍历树一样访问和操作HTML元素。比如,找到某个ID的元素,或者查找所有特定类名的元素。 5. **CSS选择器**: 如果HTML解析库支持CSS选择器,那么你...

    通过Mootools 1.2来操纵HTML DOM元素

    `.get()` 方法用于获取HTML元素的属性。例如,你可以获取元素的`tag`属性来了解它的HTML标签,或者获取如`id`、`name`、`value`、`href`、`src`、`class`(返回所有CSS类名)和`text`(元素内的文本内容)等其他...

    Html元素拖动排序

    HTML元素拖动排序是一种常见的交互...总结,HTML元素拖动排序是一个提升用户体验的重要特性,通过原生API或第三方插件可以轻松实现。在实际开发中,应考虑兼容性、用户体验和数据持久化等因素,以提供最佳的交互体验。

    HTML或JSP中多个同名表单元素值的获取

    在这个例子中,我们有三个名为"userInput"的输入框。当表单提交时,服务器接收到的数据将会以数组的形式存在,因为同名的表单元素会被视为一组。 在服务器端,我们可以使用不同的技术来获取这些值。如果使用的是PHP...

    html5中监听canvas内部元素点击事件的三种方法

    在HTML5中,Canvas元素作为一个绘图表面,其内部绘制的图形不具备DOM元素的特性,因此无法直接绑定点击事件。为了实现对Canvas内部图形的交互,开发者需要采取一些技巧来模拟这种行为。本文将探讨三种方法来监听...

    JS获取动态添加元素的方法详解

    本文将详细介绍三种获取这些动态添加DOM元素的方法。 ### 1. 模板引擎中添加行内事件 模板引擎允许我们在HTML模板中嵌入逻辑,动态生成内容。在模板中直接为元素添加事件监听器是一种直接的方法。例如,使用`art-...

    js实现获取div坐标的方法

    总结来说,本文提供了获取div元素坐标的方法,并通过实际代码示例展示了如何应用这些方法。这不仅包括了获取元素宽高和位置的常规方法,还包括了如何处理页面滚动的复杂情况。对于从事前端开发的程序员来说,这些...

    ios webView获取html标签

    例如,你可以使用`evaluateJavaScript`方法来获取或修改HTML元素的属性: ```swift webView.evaluateJavaScript("document.getElementById('myElement').innerHTML") { (value, error) in // 处理获取到的元素内容...

    HTML元素 时间间隔动画 javascript

    ### HTML元素时间间隔动画JavaScript知识点解析 #### 一、概览 在网页设计与开发过程中,为提升用户体验,增加页面的交互性和动态效果是常见需求之一。本篇内容主要介绍了如何利用HTML、CSS以及JavaScript来实现一...

    AJAX从服务端获取数据的三种方法

    在本例中,我们将关注三种从服务器获取数据的方法,并以一个实际场景为例,即通过用户在第一个下拉列表(select)的选择,动态加载第二个下拉列表的内容。 **方法一:从服务端获取XML格式的数据** 此方法是最常见...

Global site tag (gtag.js) - Google Analytics