JavaScript中的dom.getAttribute和dom,value的区别

最新推荐文章于 2021-06-19 20:16:11 发布
最新推荐文章于 2021-06-19 20:16:11 发布
阅读量257 收藏 1
点赞数
分类专栏： JavaScript 文章标签： JavaScript html ViewUI
<div class="iteye-blog-content-contain" style="font-size: 14px"></div>
1.在HTML DOM中，
所有的东西都是节点

2.dom.getAttribute('attr') 和dom.setAttribute('attr','value')
这个是向dom中添加属性和获取属性的值
用户自动定义属性

3.dom.value 和dom.value=""

这个获取dom中属性value的值，在input标签中，就有了标签自带的属性value,这个value假如用dom.getAttribute('value')来获取，是获取不到。这个两样是不一样的东西
xiao_2u
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS 对象.getAttribute()与对象.DOM属性 的区别
BowenXu11的博客
04-10 320
通过 对象.getAttribute(‘属性’)拿到的是当初设置的值 通过 对象.属性 拿到的是浏览器计算后的值
javascript 中 dom.getAttribute("value") 与dom.value的差异
weixin_30532987的博客
08-19 108
dom 是一个 input type="text" 手动修改 input 的值， 使用 dom.getAttribute("value") 只能得到 html Dom中的值，而不能得到修改后的值（即内存中的值）； 可以通过 dom.value 得到修改后的最新值（内存中的值） 使用： dom.setAttribute("value","2011") , 只能通过 dom.getAttribute(...
dom.getAttribute('value') 和 dom.value 的区别
weixin_30439067的博客
04-27 205
dom 是一个 input type="text" 使用： dom.setAttribute("value","2011")，只能通过 dom.getAttribute("value") 得到 2011 使用: dom.value = 2012，只能通过 dom.value 得到 2012 也就是说： getAttribute 和 setAttribute 是一套， 直接使用属性是一...
javascript 中 dom.getAttribute(“value”) 与dom.value的差异
weixin_30340353的博客
04-24 135
javascript 中 dom.getAttribute(“value”) 与dom.value的差异 dom 是一个 input type=”text” 手动修改 input 的值， 使用 dom.getAttribute(“value”) 只能得到 html Dom中的值，而不能得到修改后的值（即内存中的值）； 可以通过 do...
什么是DOM以及DOM与javascript的简单区分
goodgirl1991的专栏
12-10 418
本文部分内容引用自http://madinsect.blogbus.com/logs/37339960.html DOM（Document Object Model，DOM）文档对象模型，是一种用于HTML和XML文档的编程接口，他的作用是什么呢，就是让我们通过文档对象模型中的方法、事件来使对web页面的操作更加容易。DOM是一种面向对象的模型，web页面中每一个标签内容都是一个对象。这样，每个
JavaScript程序设计——DOM访问实验报告.docx
11-11
实验报告的主题是“JavaScript程序设计——DOM访问”，其目的是深入理解和掌握DOM（Document Object Model）在JavaScript中的应用，包括文档对象的属性、方法以及使用方式。DOM是HTML和XML文档的标准化表示，允许...
YAHOO.util.Dom.rar_YAHOO.util_YAHOO.util.Dom.chm_yahoo.util同步
09-23
在Web开发中，JavaScript库扮演着重要的角色，其中Yahoo!的YUI（Yahoo! User Interface Library）是一个强大的工具集，尤其在DOM操作方面表现卓越。YAHOO.util.Dom是YUI库的核心组件之一，它提供了一系列高效、易用...
浅谈javascript中的DOM方法
01-19
1:获取对象的三种方法 　1)document.getElementById(id);...　1)object.getAttribute(attribute);获取元素的属性.===>>>HTMLDOM: object.attribute; 　2)object.setAttribute(attribute,value);设置元素的属性.==
dom.js:dom.js
03-23
对元素属性的修改是DOM操作中的常见任务，`dom.js`提供了`setAttribute(name, value)`、`getAttribute(name)`和`removeAttribute(name)`等方法，方便地设置、获取或移除元素属性。 4. **事件处理** 事件处理是DOM...
javaScript中DOM模型使用详解+XMLHttpRequest异步请求使用
05-27
JavaScript中的DOM（Document Object Model）模型是Web开发中不可或缺的一部分，它为HTML和XML文档提供了一个结构化的表示，并允许通过JavaScript来动态地访问和修改页面内容。DOM模型的诞生源于90年代末期的浏览器...
html dom value,HTML DOM value 属性
weixin_31325725的博客
06-19 148
HTML DOM value 属性定义和用法value 属性用于设置或者返回属性的值。浏览器支持所有主要浏览器都支持 value 属性。语法设置属性值：attribute.value=value返回属性值：attribute.value技术细节返回值：字符串, 代表属性的值。DOM 版本：Core Level 1实例例1：返回属性值：html>xinbiancheng.cn单击按钮获取按钮的...
input的value属性值与getAttribute('value')值不一致
HuaSir的博客
11-19 1235
问题 在D-Link路由器的前端界面上，发现setAttribute('value','xxx')不能改变输入框中的值。虽然getAttribute('value')的值已经被修改为xxx,但是input.value的值仍然未发生变化。 解决方法 引入jQuery库，用$('#id').attr('value','xxx')来对其value值进行修改。 ...
输入框的value问题（DOM的property和attribute）
皮哥不皮
03-18 3801
用js给input赋值的一般采用以下两种方式： 一、i.value=200; 二、i.setAttribute('value',300); 已上两种看似都是给value赋值，但是结果去不同。 输入框的value问题归咎于DOM的property和attribute
有关getAttribute()方法和setAttribute()方法的说明
helanye的专栏
07-21 3万+
js getAttribute()方法●一份文档就是一棵节点树。   ●节点分为不同的类型：元素节点、属性节点和文本节点等。   ●getElementById()方法将返回一个对象，该对象对应着文档里的一个特定的元素节点。   ●getElementsByTagName()方法将返回一个对象数组，它们分别对应着文档里的一个特定的元素节点。   ●这些节点中的每个都是一个对象。
DOM元素的属性（property）和特性（attribute）
weixin_33770878的博客
09-14 159
从jQuery的prop()和attr()方法说开去 jQuery中有两个获取DOM元素属性的方法：prop()和attr()，看似可以互相替换，但若搞不清这两个方法获取的到底是什么“属性”，有时就会出现令人困惑的结果。官方文档中，用了下面的例子来解释这两者的不同： <input type="checkbox" checked="c...
Javascript获取value值的三种方法及注意点
热门推荐
Akikang的博客
06-25 12万+
  今天在js中用id名直接获取value值时遇到点问题，所以顺便做一下总结。   JavaScript获取value值，主要有以下三种：         1.用document.getElementById(“id名”).value来获取（例1）；         2.通过form表单中的id名或者name名来获取（例2）。        3.通过id名（不用写getElementById，也不...
JavaScript操作DOM的那些坑
San
04-30 519
js在操作DOM中存在着许多跨浏览器方面的坑，本文花了我将近一周的时间整理，我将根据实例整理那些大大小小的“坑”。 DOM的工作模式是：先加载文档的静态内容、再以动态方式对它们进行刷新，动态刷新不影响文档的静态内容。 PS：IE 中的所有 DOM 对象都是以 COM 对象的形式实现的，这意味着 IE 中的 DOM可能会和其他浏览器有一定的差异。 Node 接口 特性/方法
getAttrbute()方法
qq_24193261的博客
09-18 1627
getAttrbute()方法 通过元素节点的属性名称获取属性值 elementNode.getAttribute(name) 说明： 1.elementNode:使用getElementById(),getElementsByTagName()等方法，获取到的元素节点 2.name:要想查询的元素节点的属性名字 例子：使用getAttribute()方法，获取LI标签的title值。
.getAttribute is not a function 怎么回事
最新发布
06-09
当你在使用`.getAttribute()`方法时出现`is not a function`的错误提示，通常是因为你尝试在一个非DOM元素上调用该方法。`.getAttribute()`方法只能在DOM元素上调用，不能在普通的JavaScript对象上调用。 例如，如果你尝试在一个JavaScript对象上调用`.getAttribute()`方法，就会出现`is not a function`的错误提示： ```javascript var obj = { name: "John", age: 30 }; var value = obj.getAttribute("name"); // TypeError: obj.getAttribute is not a function ``` 为了解决这个问题，你需要确保你调用`.getAttribute()`方法的对象是一个DOM元素。在调用该方法之前，可以使用`console.log()`等方法输出该对象，以确保它是一个DOM元素，例如： ```javascript var checkbox = document.getElementById("checkboxId"); console.log(checkbox); // 确保checkbox是一个DOM元素 var value = checkbox.getAttribute("checked"); // 调用getAttribute方法 ``` 如果输出的是一个DOM元素，但仍然出现`is not a function`的错误提示，可能是因为该元素不支持`.getAttribute()`方法，或者该元素的属性名不是你所期望的。在这种情况下，你可以尝试使用其他方法或属性来获取元素的属性值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值