js里的attr()方法，js setattr

JS中attr和prop属性的区别

1、JS中attr和prop属性的区别如下：attr是attribute的缩写，是一个特性节点，每个DOM元素都有一个对应的attributes属性来存放所有的attribute节点，attributes是一个类数组的容器，说得准确点就是NameNodeMap，总之就是一个类似数组但又和数组不太一样的容器。

2、attr 和 prop 的本质attr 是 attribute 的缩写，prop 是 property 的缩写，都有属性的意思，只不过 attr 是操作 html 文档节点属性，prop 是操作 js 对象属性. attr 在 js 中使用的是 setAttribute 和 getAttribute 而 prop 直接使用原生 js 的 element[value] 和 element[value]=key。

3、相比attr，prop是1才新出来的，两者从中文意思理解，都是获取/设置属性的方法（attributes和properties）。只是，window或document中使用.attr()方法在jQuery6之前不能正常运行，因为window和document中不能有attributes。prop应运而生了。

4、prop和attr的根本区别在于：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。百度 这个例子里元素的DOM属性有“href、target和class，这些属性就是元素本身就带有的属性，也是W3C标准里就包含有这几个属性，或者说在IDE里能够智能提示出的属性，这些就叫做固有属性。

5、操作对象不同 很明显，attr和prop分别是单词attribute和property的缩写，并且它们均表示属性的意思。不过，在jQuery中，attribute和property却是两个不同的概念。attribute表示HTML文档节点的属性，property表示JS对象的属性。

6、以前我们使用attr获取checked属性时返回checked和，现在使用prop方法获取属性则统一返回true和false。

相关问答

Q1: 为什么我的js代码中attr识别不了

模块未安装或版本不兼容，Node.js使用模块来扩展其功能，代码中引用了未安装或版本不兼容的模块，会导致不能识别的错误，通过使用npm安装所需的模块并确保与Node.js版本兼容来解决此问题。

因为浏览器安全机制，在本地测试是无效的，丢到服务器上就可以了。

检查类名称是否写对。检查你的js代码在HTML的前面还是后面。页面是按顺序加载的，如果js写在前面就会找不到元素。一般使用jQuery的$(document).ready()函数或者将js放在要获取的元素的后面。

window或document中使用.attr()方法在jQuery6中不能正常运行，因为window和document中不能有attributes。它们包含properties(比如：location或readyState)，必须使用.prop()方法操作或简单地使用javascript原生的方法。 在jQuery1中，window和document中使用.attr()将被自动转成使用.prop（还没试过）。

这个确实是加密了的，方法名和变量都通过某种方式替换了的， 让你解读起来有难度。

Q2: 怎么解答“js向一个html中div属性赋值”?

可以使用JavaScript的innerHTML属性来向div中赋值HTML代码。使用document.getElementById()方法获取具有id为myDiv的div元素，使用innerHTML属性将HTML代码赋值给该div元素，将一个包含文本的段落标签赋值给了div元素。

本文实例讲述了JS实现DIV容器赋值的方法。

电脑、html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签，输入js代码：$(#div2).height($(#div1).height())；。浏览器运行index.html页面，此时div2的高度被设置成和div1一致了。

修改div高度，可以直接给div的width赋值即可。

(document).ready(function(){var a=def；$(#abc).attr(id，a)；})；div id=abc/div 用JQuery就可以在div加载完后就赋值 而不是页面加载完后。

Q3: JS获取文本框的值

1、写onkeyup事件 js获取文本框的值个数进行判断 直接使用maxlength=20，input 加个id就可以了，然后js里用： document.getElementById(t1).value 来取得input的值。直接value去获取另外一个input里面的值。

2、document.getElementsByName(user.username)[0].value，注意在文字输入后再调用。

3、在js里面加：$scope.input1 = ；就可以了。AngularJS 诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

4、//document.getElementsByClassName(a)是通过类名获取元素；[0]是因为通过类获取到的是一个集合或者说是数组，尽管有这个类名的只有一个元素，但是一样要加上[0]，这写法就是数组的写法；.value是获取这个文本框的值，-0是因为.value获取到的是字符串，-0是转换成数字。

关于js里的attr()方法和js setattr的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。