`
zhangyaochun
  • 浏览: 2613238 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

原生DOM获取元素相关的api

阅读更多

整理一下底层获取元素相关的方法:

 

 

返回对拥有指定ID第一个对象的引用。

在操作特定元素时候,加一个id属性

document.getElementById(id);
 



返回带有指定标签名的对象集合

document.getElementsByTagName(tagname);
 

说明:

1、返回元素的顺序是它们在文档中的顺序
2、如果把特殊字符串"*"传递给getElementsByTagName(),返回文档中所有元素的列表,排列按照他们在文档中的顺序


返回带有指定名称的对象的集合


document.getElementsByName(name);
 

1、查询元素的name属性
2、因为name属性可能不唯一,可能返回一个元素的数组

 

分享到:
评论

相关推荐

    javascript 原生Dom对象和jQuery对象的联系和区别

    原生DOM对象是由浏览器提供的API创建的,例如通过`document.getElementById`或`document.querySelector`等方法获取到的元素。原生DOM操作的优点是直接、高效,但其API较为复杂,需要编写更多的代码来实现相同的功能...

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

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

    PHP原生DOM对象操作XML.pdf

    综上所述,PHP的原生DOM对象提供了一组丰富的API来创建、解析、修改XML文档。通过使用DOMDocument类及其相关方法,可以轻松地实现对XML数据的增删改查操作。需要注意的是,以上代码中可能由于OCR扫描的原因,存在...

    domApi,,网站开发者必备

    9. **DOM库和框架**:虽然原生DOM API功能强大,但使用起来可能会有些复杂。jQuery、React、Vue等库和框架提供了更简洁的接口,简化了DOM操作。 10. **XMLHttpRequest与Fetch API**:这两个API用于异步获取数据,...

    原生的强大DOM选择器querySelector.pdf

    然而,由于它们直接使用原生的DOM API,所以在大部分情况下,这两个方法的性能表现良好,且不引入额外的库依赖,能减少页面加载时间。 **总结** querySelector和querySelectorAll是JavaScript DOM操作的重要工具,...

    通用dom api

    开发者通常需要借助像jQuery这样的库来实现跨浏览器兼容性,但随着现代浏览器的进步,原生DOM API的使用越来越普遍。 在实际项目中,通用DOM API的应用非常广泛,比如动态生成和更新网页内容、响应用户交互、动画...

    jQuery对象换为DOM对象,js常用API

    在JavaScript编程中,jQuery库极大地简化了DOM操作和事件处理,但有时我们可能需要将jQuery对象转换为原生DOM对象,以便使用某些不被jQuery支持的API或提高性能。这篇博文将探讨如何进行这种转换,并介绍JavaScript...

    根据DOM将html转为canvas图片格式

    在这个场景中,DOM被用来获取HTML页面的所有内容。 2. Canvas API: HTML5引入的Canvas元素提供了一个二维图形绘制接口,通过JavaScript可以进行动态渲染和图形操作。我们可以将HTML元素逐个复制到Canvas上,形成...

    原生javascript获取元素样式

    本文将介绍如何使用原生JavaScript来获取元素的样式,特别是如何获取元素上应用的所有CSS属性值。这里包含了使用`ele.style`属性、`getComputedStyle()`方法、`ele.currentStyle`属性、`getPropertyValue()`方法和`...

    原生JS实现几个常用DOM操作API实例

    首先,要介绍的是如何获取元素的兄弟节点。在文档对象模型(DOM)中,每一个节点都有可能有前一个(previousSibling)和后一个(nextSibling)节点。这里提供了一个名为siblings的函数,它能够获取指定节点的所有...

    DOM入门操作doc版

    jQuery提供了一套简洁的API,如`$(selector).html()`用于设置或获取元素的HTML内容,`$(selector).click(function() {...})`用于绑定点击事件。但理解原生DOM是学习这些库的前提,因为它有助于你理解底层的工作原理...

    Dom4j解析xml的包和API以及例子

    相比Dom4j,JDOM可能更适合那些希望用Java原生方式操作XML的开发者,而Dom4j则在灵活性和性能上具有优势。 总的来说,Dom4j是一个强大的XML处理库,它的API设计得易于理解和使用,对于Java开发者来说,是处理XML...

    原生JS与JQ获取元素的区别详解

    jQuery对象包含了原生DOM元素,可以通过`.get(0)`或`.eq(0)`来获取原始DOM对象。 2. **类选择器**: 使用`.class`来获取所有具有特定类名的元素,返回一个jQuery对象集合: ```javascript var ...

    原生jq获取天气

    在这个“原生jq获取天气”的项目中,我们聚焦于如何使用jQuery来实现一个功能,即获取并显示实时的天气信息。这个功能每日24点自动刷新,为用户提供最新的气象数据。我们将详细讨论如何实现这个功能,以及相关的技术...

    DOM JDOM dom4j 实例源码

    JDOM是Java特定的DOM实现,它的设计目标是为了解决原生DOM在处理大型XML文档时性能较低的问题。JDOM提供了更高效的内存模型和API,使得在Java环境中处理XML更加便捷。JDOM允许开发者直接通过XML元素名来创建和操作...

    Jquery+dom+easyUI教程

    例如,`append()`用于在元素内部追加内容,`remove()`用于删除元素,而`attr()`则用来设置或获取元素的属性值。此外,`html()`和`text()`分别用于获取或设置元素的 HTML 内容和纯文本内容。 3. jQuery AJAX:jQuery...

    JavaScript 获取元素在父节点中的下标(推荐)

    首先,我们要明白原生JavaScript的DOM API并不直接提供一个类似`index()`的方法来获取元素的索引。为了实现这一功能,我们需要借助于`querySelectorAll()`方法和数组的`indexOf()`方法。下面是一个具体的示例: ```...

    YAHOO.util.Dom.rar_YAHOO.util_YAHOO.util.Dom.chm_yahoo.util同步

    它封装了大量的DOM操作方法,如查找元素、设置样式、添加/删除元素等,使得开发者可以避免直接操作原生DOM API,提高了代码的可读性和执行效率。 二、主要功能及用法 1. 元素选择与访问: - `get(id)`:根据ID...

Global site tag (gtag.js) - Google Analytics