开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >Javascript 的 Attribute 方法

Javascript 的 Attribute 方法

作者头像

FungLeo

发布于 2022-11-28 00:53:30

发布于 2022-11-28 00:53:30

34200

代码可运行

举报

文章被收录于专栏：地方网络工作室的专栏地方网络工作室的专栏

运行总次数：0

代码可运行

和 jQuery 不一样，JQ提供了各种各样的查询不同参数的方法，比如 .data .val 之类的。但在原生js里面，这些方法通通不适用了。

而 js 的 Attribute 方法则可以满足绝大多数需求。

// 获取某个参数
.getAttribute("data-year");
// 设置某个参数
.setAttribute("value","2014");
// 删除某个参数
.removeAttribute("class");

这个方法适用很多场景。算是万能钥匙-_-~~~

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2015-09-10，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

JavaScript 中 Property 和 Attribute 的区别详解

最近看企鹅群，发现li的value有个‘好玩’的默认“规则”，搜索一番发现是Property 与Attribute 的缘故，无奈最初不清楚，最后搜到如下一篇文章，算是了解了点。现偷偷运输过来，供大家欣赏（最后附有原文以及其他”可能”有帮助的）。

WindCoder

2018/09/20

3.9K0

JavaScript 懒癌患者福利

javascript 编程算法

东西比较老了，大家有啥原生的 JavaScript 魔性的写法也可以 po 出来大家一起。

西南_张家辉

2021/02/02

3020

JS魔法堂：属性、特性，傻傻分不清楚

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　或许你和我一样都曾经被下面的代码所困扰 var el = document.getElementById('dummy'); el.hello = "test"; console.log(el.getAttribute('hello')); // IE67下输出test，其他浏览器输出null “搞毛啊？”，苦逼的Jser对着浏览器大呼一声。然后就用下面蹩脚的方式草草处理掉了。 function getAttr(el, pro

^_^肥仔John

2018/01/18

1.9K0

JS魔法堂：属性、特性，傻傻分不清楚

jquery中attr()和prop()的区别

在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。

用户1289394

2021/10/13

2.2K0

jquery中attr()和prop()的区别

由重构进阶前端开发入门 (一) DOM 操作

html api 网站 jquery

虽然前端的技术每年都在不断更新，但新人们都还是从基础的 HTML、CSS 样式开始学 Web 前端开发的。

贤羽

2022/06/09

8490

Jquery attr()方法属性赋值和属性获取

javascript html jquery 网站

jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。

软件小生活

2021/08/16

10.8K0

Jquery attr()方法属性赋值和属性获取

React 基础实例教程

首先，需要核心库react.js与React的DOM操作组件react-dom.js

书童小二

2018/09/03

4.5K0

jQuery选择器、Dom操作、样式、事件处理

jquery api java

1.库和框架的区别？库：就是API函数库，提供API供你调用。库内部已经做了各种底层的封装，以及各种兼容问题的处理，工作中调用库内的API接口就能实现需要的功能，不需要额外的代码来处理函数封装和兼容问题，让代码更简洁，效率更高。库就像是一个工具盒，需要什么工具就从库中调用。使用库的过程就是根据所需的功能，查文档，再调用库内的对应的API接口。框架：提供一套完整的解决方案，你按照方案来操作以实现需求。使用框架的过程就是先查文档，再照着文档写代码，出错了再查文档。 2.jquery 能做什么

小胖

2018/06/27

2.2K0

2024即将结束，看看这10个你可能错过的JavaScript怪异现象

函数浏览器作用域 javascript 对象

如果编程语言是一个大家庭，那么JavaScript无疑是那个有点怪异，但又让所有人喜爱的“怪叔叔”——虽然大家都喜欢他，但似乎没人能完全理解他。

前端达人

2024/12/30

1230

2024即将结束，看看这10个你可能错过的JavaScript怪异现象

【收藏】JavaScript DOM操作简易速查手册

html css node.js

本文中简要罗列了JavaScript操作Dom的基本方法，其中包括元素查询、文档结构遍历、属性及内容操作、创建节点、插入节点及删除节点等内容。虽然JQuery更便利，但我还是喜欢用原生的API。

毛瑞

2019/05/06

1.2K0

【收藏】JavaScript DOM操作简易速查手册

React基础(4)-理清React的工作方式

react html 渲染

前言在接触React之前,我们也许习惯了DOM编程,那它相比于原生JS,JQ编程方式,究竟有什么区别？React的工作方式是什么样子的?所谓的虚拟DOM又指的是什么?以及React的工作方式的优点有

itclanCoder

2019/09/17

2.3K0

React基础(4)-理清React的工作方式

JQuery常用命令

jquery 腾讯优客 html json 编程算法

②. document.getElementsByName('uname')(表单元素)

越陌度阡

2020/11/26

6.8K0

JavaScript 常用方法总结

经常使用的 JS 方法，今天记下，以便以后查询 /* 手机类型判断 */ var BrowserInfo = { userAgent: navigator.userAgent.toLowerCase() isAndroid: Boolean(navigator.userAgent.match(/android/ig)), isIphone: Boolean(navigator.userAgent.match(/iphone|ipod/ig)), isIpad: Boolean(navigator.userA

前朝楚水

2018/04/02

1.3K0

BAT及各大互联网公司2014前端笔试面试题--JavaScript篇

很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习js更是大有裨益。而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧正。附上第二篇：BAT及各大互联网公司2014前端笔试面试题--Html,Css篇前面几题是会很基础，越下越有深度。初级Javascript： 1.JavaScript是一门什么样的语言，它有哪些特点？没有标准答案。 2.JavaScript的数据类型都有什么？基本数

Sb_Coco

2018/05/28

1.5K0

jQuery入门前言

上次说到了JavaScript，对其有一定了解，本文就来说说jQuery。jQuery就是一个由JavaScript编写的轻量库，简单的说就是封装了一些JavaScript的操作，所以使用jQuery比使用原生的JavaScript可以达到用更少的代码做更多的事的效果。

贪挽懒月

2018/10/09

2.9K0

JavaScript从初级往高级走系列————ES6

ecmascript babel.js rollup.js npm 打包

在nodejs，exports 是 module.exports的引用，初始化时，它们都指向同一个{}对象。

FinGet

2019/06/28

6950

浅谈JavaScript

javascript json ajax jquery html

jQuery是对JavaScript的封装，它是免费、开源的JavaScript函数库，jQuery极大地简化了JavaScript编程。

用户9399690

2022/01/20

3.3K0

【翻译】JavaScript内存泄露

我们在进行JavaScript开发时，很少会考虑内存的管理。JavaScript中变量的声明和使用看起来是一件很轻松的事，底层的细节处理交给浏览器去做就好了。但是，随着web应用变得越来越庞大以及AJAX的使用，用户在一个网页中操作和停留的时间越来越久，我们会注意到浏览器占用的内存越来越大甚至到达了G数量级。造成这个问题的罪魁祸首就是memory leak（内存泄露）。下面我们将讨论一下内存的管理以及最常见的内存泄露问题。 JavaScript的内存管理 JavaScript内存管理的核心概念：可达性（

寒月十八

2018/01/30

2.3K0

读Zepto源码之属性操作

node.js javascript http 编程算法 html

对角另一面

2017/12/27

1.8K0

前端的核心JavaScript

编程算法 javascript

JavaScript（通常缩写为JS）是一种高级的、解释型的编程语言。JavaScript是一门基于原型、函数先行的语言，是一门多范式的语言，它支持面向对象编程，命令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持I/O，比如网络、存储和图形等，但这些都可以由它的宿主环境提供支持。它已经由ECMA（欧洲电脑制造商协会）通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用，也被世界主流浏览器（Chrome、IE、Firefox、Safari、Opera）支持。

隔壁老陈

2023/01/12

1.6K0

相关推荐

JavaScript 中 Property 和 Attribute 的区别详解

更多 >