Value与innerHTML区别

最新推荐文章于 2022-03-05 14:03:39 发布
原创 最新推荐文章于 2022-03-05 14:03:39 发布 · 2.8k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#innerHTML #value

本文详细解析了W3C中innerHTML和value的定义、作用及用法区别，深入探讨了它们在不同标签上的应用，特别强调了两者在获取和设置标签内容与属性值时的不同之处，帮助开发者更准确地掌握这两个属性的使用。

W3C中innerHTML定义为：innerHTML属性设置或返回表格行的开始和结束标签之间的HTML，看清楚，是两个标签之间的HTML；value为：Attr 对象表示 HTML 属性，attr.value为设置或返回属性的值。因此一个是标签的属性，是改变标签的内容，
一个是标签的属性值，是改变标签的属性的属性的值。所以innerHTML和value用法
和作用就明确了；
有些标签没有内容只有属性，如表单控件、input标签只能用value，而不能用innerHTML；有一些既有内容又有属性，如select和option标签，因此value和innerHTML都可以用，但前者是取回值，后者是取回文本。另外，textarea
标签也没有innerHTML属性,有value属性和innerText属性.

JS中的innerHTML，innerText，value的区别
水w的博客
12-20 1949
JS中的innerHTML，innerText，value的区别
innerHTML与jquery里的html()区别介绍
12-11
如果在尝试设置 `innerHTML` 时出现错误，jQuery 会退回到使用 `.empty().append(value)` 的方式来添加内容。这种方式绕过了 IE 对 `tbody` 和 `tr` 的限制，通过逐个添加子元素（`append`）来实现内容的更新。 ...
html文本框自动赋值,js给文本框赋值 value与innerHTML
weixin_39588911的博客
06-03 1807
赋值操作：document.getElementById("testId").value="hello";value与innerHTML的区别上面的value也可以写成innerHTML要注意：有value属性的标签才能使用getElementById().value比如像12345这种没有value属性的标签就用getElementById().innerHTMLJS给文本框赋值后，在页面后台取...
js中value和innerHTML区别
yizhishuangsheng的博客
03-05 1596
value和innerHTML都可以用来获取和修改元素的值（或内容）；不同之处如下： 1）value可以用来修改（获取）textarea和input的value属性的值或元素的内容； 2）innerHTML用来修改（获取）HTML元素（如div）html格式的内容。 function verfiy(){ axios.get("http://127.0.0.1:8080/backServer/back/Student?mark=verfiy") .then(function(resp){ i
innerHTML和value的区别
Allen . Liu
09-06 3780
innerHTML是指标签内的html,输入输出的是字符串；innerText是标签内的文本 textarea双标签，form表单都能用value。,输入输出的是字符串; 一、innerHTML是指标签内的html，value是form控件当前的值，例如： 二、innerHtml是<div>标签内的文本，输入输出到该DOM内部纯HTML...
value和innerHTML的区别
lei2350934xj的博客
05-25 449
#tip{             display: none;         }         错误信息提示     //表单验证：     //表单更换内容用value，只有表单才有value     //html显示的内容用innerHTML     function $(id){return document.getElem
innerHTML与value的区别
代码无常，怀疑人生
05-17 573
innerHTML与value的区别 ...
深入解析value与innerHTML的差异及应用场景
在前端开发中，`value` 与 `innerHTML` 是两个非常常见但用途截然不同的 DOM 属性，它们都用于获取或设置网页元素的内容，但在实际应用中有着本质区别。理解这两个属性的差异对于正确操作页面元素、实现用户交互以及...
js使用for循环与innerHTML获取选中tr下td值
12-11
function getParentEl (el, tagName) { ...//得到选中row的value值 var temp=document.getElementsByName('id'); for(var i=0;i<temp.length;i++){ if(temp[i].checked==true){ edit=temp[i].value; var tr = g
getElementById()[removed]与getElementById().value的区别
09-01
通常我们会看到`getElementById().value`或`getElementById().innerHTML`来获取或设置元素的特定属性。下面我们将详细讨论这两个属性的区别。 `getElementById().value` 主要用于表单元素，例如`<input>`、`...
js中innerHTML和value的区别
isjun26
04-22 1705
1、innerHTML:几乎所有的属性都有innerHTML属性，它是一个字符串，用来添加开始标签和结束标签之间的内容。2、value:是表单特有的属性，用来添加表单中的值。...
用value和innerHTML取值的区别
希希的博客
02-26 1546
value取的是客户端输入的值，通常由input输入； innerHTML取的是原本HTML中有的值。 另： 使用element.innerHTML = *** 可以改变页面的值。
JavaScript innerText与innerHtml与value的区别
热门推荐
每天进步一点点 时间会让你成为巨人
04-02 1万+
1.innerText是id为object的闭合标签内的文本,输入输出的是转义文本(字符串);   (label控件用innerText有效) 2.innerHtml是标签内的文本,输入输出到该DOM内部纯HTML代码(流);   (获得td、div等html元素时候,它们是没有value或是text属性,只能用innerHtml) 3.value是表单元素特有的属性,输入输出的是
value和innerHTML和innerText
MagicWing的博客
10-17 518
脚本中的innerText和innerHtml和value的区别
waj89757的专栏
08-22 1306
脚本中的innerText和innerHtml和value的区别 1.innerText是id为object的闭合标签内的文本; 2.innerHtml是标签内的文本. (label控件用innerText有效) 3.value通常是表单元素特有的属性. (Button,CheckBox,Radio)随表单一起发送的值; (Reset,Submit)标签; (Text,Hid
.value和.innerHTML
认知 行动 坚持
05-25 7712
input标签没有.innerHTML, 所以y
html元素属性值innerHtml和value区别
atu1111的博客
12-01 467
html元素属性值innerHtml和value区别 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> &lt
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值