开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

JavaScript setAttribute替代方案

JavaScript setAttribute 替代方案

setAttribute 是一个 DOM 元素方法，用于设置元素的属性值。然而，在某些情况下，使用 setAttribute 可能不是最佳选择。以下是一些替代方案：

使用元素属性：

element.href = 'https://www.example.com';

使用 dataset 属性：

element.dataset.example = 'example';

使用 classList 属性：

element.classList.add('example');
element.classList.remove('example');

使用 style 属性：

element.style.color = 'red';

使用 HTML5 的 data-* 属性：

<div data-example="example"></div>

element.getAttribute('data-example');

需要注意的是，这些替代方案可能不适用于所有场景，但它们通常比使用 setAttribute 更具可读性和易用性。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

浅谈Javascript中的Hook技术

Hook是一种动态修改函数执行流程或返回结果的方法，在实际应用中非常广泛。Javascript作为一种动态语言，也可以进行Hook操作。随着Javascript语言的发展，Hook的方法也越来越多，本文介绍了常见的几种Hook方法。

04

window.open打开页面会被浏览器拦截问题解决

普通情况下window.open不会拦截，但若是在ajax的回调里面进行window.open，会拦截！因为浏览器会认为这是一个骚扰用户的行为。在网上找到一些解决方案，总结如下。其中只有方案1、方案2个人验证过有效。其他未知orz...

04

Web端拍照的另一种实现方式

上篇文章大致总结了成为技术负责人需要的能力。今天本来聊一下web端的拍照方案方案。web端的拍照方案大致有以下两种，一是我们比较常见的图片上传的方案<input type="file" capture=camera/>可以调起摄像头。另外一种就不太常见了，利用webrtc的api方法navigator.mediaDevices.getUserMedia。

02

动态实现指定图片半透明及鼠标事件

说明：在不改变HTML代码的前提下，通过CSS和JavaScript，对指定的图片实现半透明效果。并为该图片添加鼠标滑过和滑出特效。具体实现： 1.假设我们要操作的图片放置在一个id="imgbox"的div容器中。如下面的代码：

2.首先，在css中增加两个类定义，为了避免影响到其它图片，最好是用选择限定符加以限定。如下代码： #im

09

Flash Cookie【使用Flash Cookie技术在客户端永久保存HTTP Cookie 】（一）

前言：　　在我负责的一个项目中，为了实现一个特殊的需求，要求在客户端的Cookie中长久保存一份数据，但是我们知道在客户端Cookie里保存数据是不稳定的，因为用户可能随时会清除掉浏览器的Cookie，在这种情况下，一般的解决方案是重新向服务器端发送一个请求，以获得一个新的HTTP Cookie数据，并将其保存－－就一般的交互需求而言，这是没有问题的。但是，倘若我的需求是：要求恢复到原来的Cookie里保存数据呢？呵呵，这种情况，倘若服务器端没有做特殊的处理的话，显然是很难实现的。在尝试了许多方法之后，我们最后选择使用FlashCookie技术来做。

03

使用Flash Cookie技术在客户端永久保存HTTP Cookie「建议收藏」

大家好，又见面了，我是你们的朋友全栈君。前言：　　在我负责的一个项目中，为了实现一个特殊的需求，要求在客户端的Cookie中长久保存一份数据，但是我们知道在客户端Cookie里保存数据是不稳定的，因为用户可能随时会清除掉浏览器的Cookie，在这种情况下，一般的解决方案是重新向服务器端发送一个请求，以获得一个新的HTTP Cookie数据，并将其保存－－就一般的交互需求而言，这是没有问题的。但是，倘若我的需求是：要求恢复到原来的Cookie里保存数据呢？呵呵，这种情况，倘若服务器端没有做特殊的处理的话，显然是很难实现的。在尝试了许多方法之后，我们最后选择使用FlashCookie技术来做。

04

Uncaught TypeError: Cannot read property 'setAttribute' of null

在Web开发中，你可能会遇到各种各样的错误。本篇博客将讨论一个常见的JavaScript错误：Uncaught TypeError: Cannot read property 'setAttribute' of null（无法读取null对象的属性'setAttribute'）。

05

document.createElement()的用法

分析代码时，发现自己的盲点——document.createElement()，冲浪一番，总结了点经验。

03

前端安全 — 浅谈JavaScript拦截XSS攻击

XSS／跨站脚本攻击，是一种代码注入网页攻击，攻击者可以将代码植入到其他用户都能访问到的页面（如论坛、留言板、贴吧等）中。

02

document.createElement()的用法

分析代码时，发现自己的盲点——document.createElement()，冲浪一番，总结了点经验。

04

【前端安全】JavaScript防http劫持与XSS

作为前端，一直以来都知道HTTP劫持与XSS跨站脚本（Cross-site scripting）、CSRF跨站请求伪造（Cross-site request forgery）。但是一直都没有深入研究过，前些日子同事的分享会偶然提及，我也对这一块很感兴趣，便深入研究了一番。最近用 JavaScript 写了一个组件，可以在前端层面防御部分 HTTP 劫持与 XSS。当然，防御这些劫持最好的方法还是从后端入手，前端能做的实在太少。而且由于源码的暴露，攻击者很容易绕过我们的防御手段。但是这不代表我们去了解这块

04

JS-JavaScript学习笔记（一）[通俗易懂]

1.文档的输出：document.write() 可输出字符，表达式，html标签。函数

02

动态加载JS 和 CSS

<script type="text/javascript"> $(function () { var filename = '/assets/css/main.css'; var fileref = document.createElement("link"); fileref.setAttribute("rel", "stylesheet"); fileref.setAttribute("type", "text/css"); fileref.setAttribute("href", filename)

05

javascript当中Element如何用 getAttribute和 setAttribute

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

02

markdownpad2:输出Html时自动生成目录TOC

版权声明：本文为博主原创文章，转载请注明源地址。 https://blog.csdn.net/10km/article/details/78937008

02

给Mac系统浏览器扩展翻译功能

Google Chrome可以即时翻译网页。可是，如果你用惯了Safari，不想安装Google Chrome，又需要对外文网页即时翻译，那么，请看下面：

03

移动端适配viewport缩放方案

在写HTML、CSS对设计稿进行还原时不关注屏幕尺寸的差异，而是直接按设计稿的标注来开发。比如设计稿里标注的文字字号是30px，CSS里就设置文字字号30px。

02

JavaScript离别之作——HTML元素操作

document对象提供了一些用于查找元素的方法，利用这些方法可以根据元素的id、name和class属性以及标签名称的方式获取操作的元素。

03

JavaScript图片库

将图片放到网上的方法有很多,你可以简单地把所有的图片都放到网页上。但是，如果你打算发布的图片过多,这个页面很快会变的过于庞大,而且加上这些图片后用户要下载的的数据量就会变得相当可观。我们必须面对这样一个现实:没有人会等待很长长时间去下载一个网页;所以利用JavaScript来创建一个图片库将是最佳的选择；说下步骤: 第一步：把整个图片库的链接都加载到图片库的主页里；第二步：当用户点击对应的超链接时,拦截网页的默认行为,即(超链接点击跳转行为); 第三步：当用户点击对应的超链接后,把"占位符"图片替换成那

06

修复 Valine 评论泄漏隐私问题

这个问题在我20年刚开始使用 valine 作为评论的时候就有了，不过当时的作者貌似并没有理会这个问题（原因应该是设计的时候就没有考虑进去这些东西，导致修改的话会更替掉一些东西），评论的隐私信息无非就是ip和邮件，主要还是邮件，一般来说ip默认是关闭的，不过就邮件来说这个东西在评论里只是拿来调用 gravatar 头像和回复邮件提醒用的，我看作者都没所谓我也就没太关注这个，但邮件的确算个人隐私。

01

面试经典之Jsonp跨域原理

在前端面试中，跨域似乎是一个必问的环节，从跨域的出现到跨域的解决方案，这一系列是前端必须要掌握的内容。本次仅这一个系列中的一小环展开讨论，并且深入其原理了解其用法。

02

js获取手机验证码倒计时的实现

原文地址http://blog.csdn.net/hj7jay/article/details/51433828

01

Chrome 自动化交互利器：用 tampermonkey 向页面注入自定义 Javascript

1、背景经常会遇到类似下面的这种网站，查个信息得填一堆信息，奇葩的是文本框也不让复制粘贴，而且浏览器还不自动保存，这样每次查询或者超时退出都得重新手动填写一遍。有没有办法能简化这个过程呢？办法当

07

JQuery入门

基本过滤选择器内容过滤选择器可见性过滤选择器属性过滤选择器子元素过滤选择器

02

手把手教你利用JS给图片打马赛克

不过，元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务

02

软件架构之前后端分离与前端模块化发展史

在现行的软件架构中，前端和后端是分离的，即前端只专注于页面渲染，而后台专注于业务逻辑，前端和后端是两个不同的工种，而前后端交互最常见的方式就是通过接口。

01

一篇文章带你了解SVG javascript脚本

使用JavaScript，可以编写SVG脚本。通过脚本编写，可以修改SVG元素，为其设置动画或侦听形状上的鼠标事件。

02

用JavaScript来加载css、js文件

03

JavaScript DOM 操作节点属性信息

什么是节点属性？比如一个 Input 元素，它有一些 class、id、name、value 等信息。这些信息就被称作为节点的属性，我们可以通过 DOM 获取和设定这些信息。

02

JavaScript之获取和设置元素属性

1.与我前面的随笔获取元素的那些方法不同http://www.cnblogs.com/GreenLeaves/p/5689075.html 获取元素属性的方法getAttribute()不属于document对象,所以不能通过document对象调用。注意:他只能通过元素节点对象调用，但是可以与获取元素的方法getElementsByTagName()、getElementsById()等方法连用;如下代码： <body>

JS中的attribute和property

每一个dom节点，都有各自的attributes和properties。这两者很容易用混，尤其是在表单元素上面。

00

Fluid -11- 封面视频背景顺滑加载

在Fluid -2- 随机视频背景切换中记录了 Fluid 主题背景随机切换的实现方法，但存在加载视频覆盖原始图像背景的情况，本文记录顺滑加载解决方案。当前问题当前问题为背景图像加载较快，视频稍慢导致背景加载时会有先出现图像，再覆盖另一个视频的尴尬场景解决思路放弃图像加载放弃图像加载是一种解决方案，这样就只会加载视频，没有图像的闪动但手机端需要加载图像，不能放弃图像背景更重要的原因是图像加载快，用户可以更早地感受到网页在加载因此不能放弃加载图像加载更小的视频第一帧图像又需要图

02

JavaScript -1- 基础教程与部分功能示例

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

02

javaScript动态添加Li元素「建议收藏」

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/152096.html原文链接：https://javaforall.cn

02

优化谷歌联盟广告JS加载缓慢问题，提高网站页面的加载速度

早上跟彧繎博主聊天，看到他博客有一篇优化谷歌联盟js优化的文章，因为谷歌在国内尴尬的局面，在网页加载js的时候可能会比较拖拉，然后他又给我了一篇关于优化谷歌联盟js的文章，然后看了下自己网站的加载速度，果然谷歌js加载的速度真的很慢，加速最慢的已经达到了6.19s，另外两个十秒+应该是图片资源，可以暂时忽略。虽说我的网站打开速度不是很快，但是不能这么拖拉啊，是该整顿整顿啦，网站还有百度联盟的广告，但是速度不至于这么拖拉，而且百度的也该下架了，基本没有什么收益，广告太局限了，这一点来说真的不如谷歌，如图，看看吧，就是着速度，嗖嗖地。。。

05

动态加载第三方js和css

01

JavaScript-Dom

JavaScript-Dom 简介 DOM：Document Object Model 节点 HTML 文档中的所有内容都是节点整个文档是一个文档节点每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点 document对象常用属性名称说明 referrer 返回载入当前文档的**URL** URL 返回当前文档的**URL** document.referrer document.URL document常用方法名称说明

01

【实践】使用session实现单用户多端登录限制

软件设计中，经常存在这样的场景，为了防止计费等冲突限制，实现同一个用户不允许同一个用户多个设备同时登录，只允许唯一登录。本文介绍实现方法。

02

实用 | JavaScript 常用方法总结

12.JS判断两个日期大小适合 2012-09-09 与2012-9-9 两种格式的对比

03

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

06

JS动态添加表单

<script type=”text/javascript”> function addRow()<!–js实现添加一行内容!–> { var tr=document.createElement(“tr”); var td=document.createElement(“td”); var input=document.createElement(“input”); input.setAttribute(“type”,”file”); input.setAttribute(“name”,”image[]”)

06

动态加载js的异步与同步方法

最近新项目需要根据参数切换js的版本，就需要动态加载js，动态加载js涉及到异步加载与同步加载的问题，所以就封装了一下下面两个方法，以供使用。

02

【web必知必会】—— DOM：四个常用的方法

终于开始复习DOM的知识了，这一阵忙乎论文，基本都没好好看技术的书。　　记得去年实习的时候，才开始真正的接触前端，发现原来JS可以使用的如此灵活。　　说起DOM就不得不提起javascript的组成了，javascript是由三部分组成的：　　1 ECMAScript 　　2 BOM 　　3 DOM 　　最开始，网页是由HTML这种静态的标签语言组成的，后来为了丰富网页，引入了Script脚本语言。　　但由于浏览器厂商太多，每个厂商都使用自己的语言，导致script的语言种类繁多，最终由

05

request.setAttribute和request.getAttribute还有session.setAttribute和session.getAttribute还有request.getPar

1.session.setAttribute()和session.getAttribute()配对使用，作用域是整个会话期间，在所有的页面都使用这些数据的时候使用。

06

Speed丨如何快速给网站添加Pjax？

Pjax是一种很多网站( facebook, twitter)都支持的浏览方式，当你点击一个站内链接的时候，不是做页面跳转，而是只是站内页面刷新。设置后的这些网站的ajax刷新是支持浏览器历史的，刷新页面的同时，浏览器地址栏位上面的地址也是会更改，用浏览器的回退功能也能够回退到上一个页面。Pjax是可以增加访客打分的好功能。

04

setAttribute的具体用法

setAttribute(string name, string value)：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。 1、样式问题 setAttribute(“class”, value)中class是指改变”class”这个属性，所以要带引号。 vName代表对样式赋值。例如:

01

BS1072-基于javaweb+springmvc实现视频数据网站后台管理系统

本基于javaweb+springmvc实现视频数据网站后台管理系统，系统主要采用java，spring，springmvc，mybatis，mysql数据库，JSP页面开发技术，系统前端界面主要采用echarts，vue，html，css，javascript等技术实现，主要通过互联网采集爬虫获取互联网视频数据，对视频数据进行数据分析整合，数据处理成JSON格式，通过前端javascript解析JSON完成数据可视化的动态展示。

02

前端JS判断远程文件是否加载

每次在开发项目的时候为方便快捷开发，前端一般都直接使用CDN进行远程文件调用省却多级目录的问题。但这样一般都埋下了潜在的问题，就是怎么知道该远程文件是否已经加载的呢？

03

【兼容性】js 浏览器兼容问题处理方式

document.getElementById(“header”).style.styleFloat = “left”;

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭