首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS设置attr(value)在DOM中不返回

JS设置attr(value)在DOM中不返回是因为attr()方法是jQuery中的方法,用于设置或获取元素的属性值。在jQuery中,attr()方法用于设置或获取元素的属性值,而不是返回元素本身。

在DOM中,可以使用原生的JavaScript方法来设置元素的属性值,例如使用setAttribute()方法来设置元素的属性值。setAttribute()方法接受两个参数,第一个参数是属性名,第二个参数是属性值。示例代码如下:

代码语言:javascript
复制
var element = document.getElementById("myElement");
element.setAttribute("attrName", "attrValue");

上述代码将会设置id为"myElement"的元素的attrName属性值为"attrValue"。

需要注意的是,使用原生的JavaScript方法设置属性值时,并不会返回元素本身。如果需要获取元素本身,可以使用document.getElementById()等方法来获取元素。

关于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体的云计算品牌商,无法给出相关链接。但是腾讯云作为一家知名的云计算品牌商,提供了丰富的云计算产品和服务,可以通过访问腾讯云官方网站来了解更多信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 学习zepto.js(对象方法)

    function,有两个参数可以使用 1:index,zepto对象dom元素数组的下标 2:value,该对象对应属性的值 $("").attr("id",...dom元素的属性值.功能相当于 (prop = attr - removeAttr); prop用法与attr相同.只不过没有remove功能.两者的区别在这里 读取或设置dom元素的属性值。...val方法.都是操作dom属性的.一气儿说完它; data: 方法接受两个参数,第一个是name,第二个为值,如果填第二个则执行取值,否则为赋值 用法与attr类似,但是会将传入的name值加上”data...val: 方法接收一个参数,如果填,则视为取value值,否则为设置value值. $("").val();// getter $("").val("");// setter 参数可以是一个字符串,function...一个来自prototype.js大表哥的方法; 传入一个属性名,将调用者集合中所有的该属性的值作为一个数组返回; 其余的没什么了. 如果有什么疑惑的地方还请留言问我.大家共同学习

    2.6K90

    JavaScript Property 和 Attribute 的区别详解

    html中有这样一段代码: 简单的html页面上创建一个input输入栏(注意在这个标签添加了一个DOM不存在的属性...这是由于,每一个DOM对象都会有它默认的基本属性,而在创建的时候,它只会创建这些基本属性,我们TAG标签自定义的属性是不会直接放到DOM的。...'); console.log(in2); 从打印信息可以看到: id: "in_2" value: null 尽管我们没有TAG定义“value”,但由于它是DOM默认的基本属性,DOM初始化的时候它照样会被创建...Text, 元素或属性的文本内容 // 8: Comment, 注释 // 执行任何操作 if ( !...首先在html创建一个标签: JS脚本执行如下代码: console.log(a1.href); // 'file:///D

    3.7K20

    JS】204-让虚拟DOMDOM-diff不再成为你的绊脚石

    我们虽然走的慢,但是却从未停下脚步 神奇的虚拟DOM 首先神奇神奇的我们先不去关注,先来简单说说何为虚拟DOM 虚拟DOM简而言之就是,用JS去按照DOM结构来实现的树形结构对象,你也可以叫做DOM对象...// 进入项目目录cd dom-diff// 编译npm run start 现在我们开始正式写吧,从创建虚拟DOM及渲染DOM起步吧 创建虚拟DOM element.js文件要实现如何创建虚拟DOM...DOM对象,渲染DOM以及通过diff后去打补丁更新DOM啰嗦了,直接看代码: // index.js // 首先引入对应的方法来创建虚拟DOMimport { createElement } from...那么,接下来进行下一步,将其渲染为真实的DOM,别犹豫,继续回到element.js文件 渲染虚拟DOM // element.js class Element { // 省略} function...属性ATTR for in去遍历attrs对象,当前的key值如果存在,就直接设置属性setAttr; 如果不存在对应的key值那就直接删除这个key键的属性2.

    83540

    前端之jQuery

    用于ID等或自定义属性: attr(attrName)// 返回第一个匹配元素的属性值 attr(attrName, attrValue)// 为所有匹配元素设置一个属性值 attr({k1: v1,...k2:v2})// 为所有匹配元素设置多个属性值 removeAttr()// 从每一个匹配的元素删除一个属性 $('#p1').attr('id') "p1" $('#p1').attr('username...$("#i1").prop("checked") // true 这已经可以证明attr的局限性,它的作用范围只限于HTML标签内的属性,而prop获取的是这个DOM对象的属性,选中返回true,没选中返回...终止each循环 return false; 3.9.2.data() 匹配的元素集合的所有元素上存储任意相关数据或返回匹配的元素集合的第一个元素的给定名称的数据存储的值。...(name, value)或 HTML5 data-*属性设置

    4.9K21

    Vue.js 通过计算属性动态设置属性值

    我们使用到了前面介绍的数据绑定、列表渲染、事件监听和处理、属性和类名绑定等所有基本语法,浏览器预览该页面: 我们可以通过列表下面的输入框和按钮新增框架到列表项: 可以看到,使用 Vue.js 框架的开发效率比传统...JavaScript DOM 编程要高很多(jQuery 也是 DOM 编程,只是封装了很多常用的功能,为不同浏览器的兼容性做了底层适配)。...不过,现在的列表项看起来有点乱,各种语言的框架随机分布列表项,不便识别,如果我们想要将同一个语言的 Web 框架都聚集在一起,该怎么做?...计算属性 计算属性从字面意义上理解,就是经过计算后的属性,计算属性可以通过函数来定义,函数体是该属性的计算逻辑,你可以 HTML 视图中像调用普通属性一样调用计算属性,Vue 初次访问该计算属性时...需要通过 return 关键字返回计算后的属性值,这里依赖的普通属性是 frameworks。

    12.6K50

    jQuery 快速入门教程

    jQuery库实际上定义了一个jQuery()方法,它是jQuery库的核心。我们调用该方法并传入指定的参数,就可以返回一个jQuery实例对象,该对象包含匹配的一个或多个DOM元素。...js文件和内嵌的js代码一般建议放在标签,而应该放在内容主体的结束标签之前。从而让浏览器先加载页面内容,然后再加载并解析执行js代码。...使用jQuery 选择器选取元素,并封装为jQuery对象 JS原生DOM,我们想要对DOM元素进行操作,首先得获取到对应的元素(getElementById()、getElementsByTagName...如果指定的选择器没有匹配到任何元素,将返回一个空的jQuery对象(包含任何DOM元素)。...而attr()和prop()这两个方法,就是通用的属性获取或设置方法,不过attr()方法针对的是HTML文档节点的属性,prop()方法针对的是文档节点对应的DOM元素对象的属性。

    13.6K30

    JS魔法堂:属性、特性,傻傻分不清楚

    name 和nodeName一致 value 和nodeValue一致 textContent 设置返回属性的文本内容 specified 用于判断属性值是否为自定义值,true表示是文档自定义设置的...若成功,则selectedIndex设置为-1。再次通过点方式访问value时,返回空字符串。...IE9+ 获取 获取的第一被选中的option的value属性,若没有设置value属性,则返回该option标签的text属性 单选:0 多选:-1 设置 会根据属性值去匹配option标签的value...再次通过点方式访问value时,返回空字符串。 IE5678 获取 获取的第一被选中的option的value属性,若没有设置value属性则返回空字符串。...结论:通过SELECT元素的value属性获取选中项的值不可靠,因此mass frameworkvalHooks['@select:get']是通过操作OPTION元素来获取选中项的值,

    1.8K70

    JQuery常用命令

    JQuery 3.x:比较小、功能更强大、兼容老 IE HTML 中使用 JQuery,只需要使用 Script 标签引入 JQuery-*.js 即可,会为全局window添加两个新的成员: (1...JQuery ①. var value = $(..).attr('title') 读取属性的值 ②. $(..).attr('title', 'abc') 设置属性的值 提示:读取和设置元素的 data.... $(...).val('value') (3). 面试题:操作元素的相关属性时,使用 attr()、val()、prop()、data()有何区别?...attr() 一般只用于操作元素的 HTML 字面属性,如 src、href、name.. val() 操作的是HTML 元素对应的 JS 对象的 value 属性 prop() 操作的是 HTML 元素对应的...fn) 遍历类数组中封装的每一个 DOM 对象,针对每个 DOM 元素执行一次指定的回调函数 (5). $(..).index(domObj) 返回指定的 DOM 元素在当前类数组的下标 37.

    6.4K10

    JavaWeb04-jQuery(Java真正的全栈开发)

    它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器。 jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站,有超过55%使用jQuery。...由美国人John Resig2006年1月发布 jQuery是免费、开源的 jQuery分类: WEB版本:我们主要学习研究 (jQuery-版本.js 、 jQuery-版本-min.js)... :animated 动画 :focus 焦点 4.内容过滤 :contains(text) 是否包含指定的内容 :empty 是否为空,包含子元素、包含文本 :has(选择器),当前元素,... attr(key,val) 给指定的属性设置值。(设置一个) attr(pro) 给jQuery对象设置一组值。使用JSON格式。..."> css(name) 获得样式 css(name,value) 设置样式 css(pro) 使用json设置一组样式 5.位置 offset() 获得位置,返回json数据。

    2.3K90
    领券