innerHTML和value区别

最新推荐文章于 2022-03-05 14:03:39 发布
最新推荐文章于 2022-03-05 14:03:39 发布
阅读量88 收藏
点赞数
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/phoenix_cat/article/details/83939518
版权

项目中在一个按钮上的文字不能居中，不知道怎么回事，设了text-align:center也于事无补，因为一般而言，文字都是默认居中的，所以问题应该不在这。


之前按钮上的文字是用value给的，后来我就想能不能通过innerHTML给，这样会不会好一点呢？

可是我偏偏设了innerHTML后，设的文字死活在按钮上出不来。


所以我就在想这二者到底有什么区别？在我已知的区别中，好像并不能给我这次的问题带来什么帮助。


后来，看了同事有一个类似的问题，通过调节button的padding解决了，后来我也试着调节button的width和padding ，竟然完美解决了。


所以在一些诡异现象上，border 、margin、padding能给予一些惊喜的结果！

phoenix_cat
关注
专栏目录
JavaScript-6-innerHTML、innerText、value、valueOf的区别（简单计算器小例子）
qq_38328762的博客
08-22 320
操作表单元素的文本内容用value；而innerHTML与innerText操作非表单元素的内容或文本内容 innerHTML：获取双闭合标签里面的html内容，并且要识别标签。 innerText：获取双闭合标签里面的文本内容，不会识别html标签。 value是表单元素的特有属性，非表单元素没有value属性，如div，span等。 value在不同表单元素里有不同的意义，如button为按...
jQuery中的text()、html()和val()以及innerText、innerHTML和value
Yan 小铁匠
08-03 669
*jQuery中设置或者获取所选内容的值： text();设置或者获取所选元素的文本内容； html();设置或者获取所选元素的内容（包括html标记）； val();设置或者获取表单字段的值（前提是表单设置了value属性）； (text()和html()的区别是：前者是处理的文本内容，只能写文本如果写了上面的标记则会以文本形式输出； 后者可以解析文本中的html标记，就是你可以添加像<...
value和innerHTML和innerText
MagicWing的博客
10-17 460
innerHTML和value的区别
zhumengzj的博客
01-09 459
如果要往盒子添加或者改变内容用.innerHTML; 如果是表单则用,value,比如input.value="";
Value与innerHTML区别
zza000000的博客
11-29 2781
W3C中innerHTML定义为：innerHTML属性设置或返回表格行的开始和结束标签之间的HTML，看清楚，是两个标签之间的HTML；value为：Attr 对象表示 HTML 属性，attr.value为设置或返回属性的值。因此一个是标签的属性，是改变标签的内容， 一个是标签的属性值，是改变标签的属性的属性的值。所以innerHTML和value用法 和作用就明确了； 有些标签没有内容只
innerHTML与value的区别
代码无常，怀疑人生
05-17 531
innerHTML与value的区别 ...
innerhtml和value的区别
最新发布
03-16
`innerHTML` 属性表示一个元素的内部 HTML 内容，可以是字符串、HTML 标记或其他元素。 `value` 属性表示表单元素的当前值，如文本框...简单地说，`innerHTML` 用于表示元素的内容，而 `value` 用于表示表单元素的值。
innerHTML&value;
10-23
HTML标签的innerHTML和value之间的用法的区别
innerHTML与jquery里的html()区别介绍
12-11
innerHTML 和 jQuery 中的 `.html()` 方法都是用于操作 HTML 元素的内容，但它们在使用时有一些关键的区别，尤其是在处理特定浏览器兼容性问题时。 首先，`innerHTML` 是一个原生的 JavaScript 属性，用于获取或...
js中value和innerHTML区别
yizhishuangsheng的博客
03-05 1521
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
js中innerHTML和value的区别
LuckySummer*
07-15 988
innerHTML是指标签内的html，value是form控件当前的值。例如： select id="sel"> option value="1" selected>选项1/option> option value="2">选项2/option> option value="3">选项3/option> /select> var sel
脚本中的innerText和innerHtml和value的区别
waj89757的专栏
08-22 1252
脚本中的innerText和innerHtml和value的区别 1.innerText是id为object的闭合标签内的文本; 2.innerHtml是标签内的文本. (label控件用innerText有效) 3.value通常是表单元素特有的属性. (Button,CheckBox,Radio)随表单一起发送的值; (Reset,Submit)标签; (Text,Hid
js中 value、innerHTML、innerText和textContent的区别
Aresnine的博客
08-23 3630
value：应用于表单的输入框（textarea除外） innerHTML:可以写入HTML代码，写入的HTML代码可以被解析，获得时候也可以获得HTML代码 innerText：获得内容的时候，会忽略HTML代码，写入HTML代码不能解析。获得内容与HTML解析的内容一样 textContent：获得内容的时候，会忽略HTML代码，写入HTML代码不能解析。获取的内容与源码内容一样 ...
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是表单元素特有的属性,输入输出的是
JS中innerHTML与value用法的区别。
fan1321923530的博客
03-29 1771
innerHTML是指标签内的html，value是form控件当前的值。例如： &lt;select id="sel"&gt; &lt;option value="1" selected&gt;选项1&lt;/option&gt; &lt;option value="2"&gt;选项2&lt;/option&gt; &lt;opti
JS魔法堂：被玩坏的innerHTML、innerText、textContent和value属性
weixin_34143774的博客
03-07 441
一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　   由于innerText并非W3C标准属性，因此我们无法在FireFox中使用它(修正：FF45+已经支持innerText属性)，一般情况下我们可以使用textContent来代替，但它两者是否就能完全等同呢？在坑爹的表单元素（如input、textarea等）中表现是否依旧诡异呢？文本将记录一些实验结果，避免日后被玩坏。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值