`
wandejun1012
  • 浏览: 2737284 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

innerHTML和value区别

    博客分类：
  • html
 
阅读更多

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


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

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


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


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


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

分享到：
| 获取JS当前激活的对象
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    innerHTML&value;

    HTML标签的innerHTML和value之间的用法的区别

    通过改变innerHTML的内容，动态增加选择项

    频繁地改变`innerHTML`可能会导致性能问题，因为浏览器需要解析和重新渲染整个元素的内容。因此，在处理大量数据时，更推荐使用`createDocumentFragment`或`appendChild`等方法，它们可以提高性能。 总结来说，通过...

    innerHTML与jquery里的html()区别介绍

    innerHTML 和 jQuery 中的 `.html()` 方法都是用于操作 HTML 元素的内容，但它们在使用时有一些关键的区别，尤其是在处理特定浏览器兼容性问题时。 首先，`innerHTML` 是一个原生的 JavaScript 属性，用于获取或...

    innerHTML,outerHTML,innerText,outerText的用法及区别解析

    input name=”innerHTML” value=”innerHTML” type=”button” OnClick=”alert(div[removed]);”> <input name=”outerHTML” value=”outerHTML” type=”button” OnClick=”alert(div....

    调用innerHTML之后onclick失效问题的解决方法

    1. 不再直接通过`innerHTML`替换整个`<input>`元素，而是仅修改`<input>`的`value`属性。 2. 同时，更新`<span>`元素的`name`属性，以便根据业务逻辑区分不同的状态。 示例代码如下： ```html function insCell...

    JavaScript函数中关于valueOf和toString的理解

    本文给大家介绍JavaScript函数中关于valueOf和toString的理解，简单的说就是需要转换为字符串时，会调用toString，需要转换为数字时需要调用valueOf。对js valueof tostring知识感兴趣的朋友一起学习吧

    innerText和innerHTML 一些问题分析

    需要注意的是，虽然innerText和innerHTML在大部分情况下可以互换使用，但在某些特定场景下，它们的行为可能会有所不同。例如，innerText在处理表单控件如`<input>`或`<textarea>`时可能会有预期之外的效果，因为这些...

    js使用for循环与innerHTML获取选中tr下td值

    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

    js innerHTML 改变div内容的方法

    在前端JavaScript开发中，innerHTML是一个非常常用的属性，它允许开发者获取或设置指定元素内的HTML内容。...在实际开发中，应权衡使用`innerHTML`和其它DOM操作方法，根据具体需求选择最合适的方案。

    用innerHTML　＆符号副值给文本框后会变成＆amp;的方法

    document.getElementById('txt').value = this.childNodes[0].nodeValue; ``` 这样，&符号将被正确地传递到文本框中，而不是被转义为&。 为什么childNodes[0].nodeValue可以解决这个问题？这是因为childNodes...

    用谷歌浏览器得不到动态添加表单的值

    在使用谷歌浏览器（Chrome）处理网页...总的来说，处理动态添加的表单元素时，应当避免过分依赖`innerHTML`，而是直接通过DOM API或者使用现代前端框架提供的方法来获取和操作表单的值，以提高代码的稳定性和兼容性。

    JavaScript实际应用：innerHTMl和确认提示的使用

    今天开发中涉及到对一个层的信息控制，就是控制一个层中显示什么信息，查找资料才知道使用innerHTML属性来控制层的值，这个innerHTML跟表单里面的value属性有点类似，能够控制层的显示值。 比如说我一个div层里本来...

    getElementById()[removed]与getElementById().value的区别

    通常我们会看到`getElementById().value`或`getElementById().innerHTML`来获取或设置元素的特定属性。下面我们将详细讨论这两个属性的区别。 `getElementById().value` 主要用于表单元素，例如`<input>`、`...

    IE6与IE7中，innerHTML获取param的区别

    本文将详细探讨一个特定的问题，即在IE6和IE7中使用`innerHTML`属性获取`<object>`标签内的`<param>`子标签时的区别。 `innerHTML`是JavaScript中用于设置或获取元素内HTML内容的属性。当你访问一个元素的`...

    CONVERT函数方法大全_JAIMY.files ajax test url

    $.ajax({ ... dateType:"json", ... demo2.innerHTML=demo1.value; }else{ alert("更新失败！"); demo2.innerHTML=""; demo2.innerHTML=demo1.value; } } });

    放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解

    首先，我们要了解innerHTML和documentWrite等方法的缺点。这些方法在拼接字符串时容易出错，比如忘记关闭标签。同时，它们不便于维护，修改前端模板时容易忘记同步更新动态生成的模板。此外，字符串拼接方式不够直观...

    IE6/7/8/9中Table/Select的innerHTML不能赋值的解决方法

    如果要添加新的选项，可以创建`<option>`元素，设置其`value`和`textContent`，然后用`appendChild`方法添加到`<select>`中。 在处理这些问题时，还可以考虑使用库或框架，比如jQuery或ExtJS，它们通常已经对这些...

    C#基于正则表达式抓取a标签链接和innerhtml的方法

    byte[] bs = Encoding.UTF8.GetBytes(string.Format("链接地址:{0}, innerhtml：{1}", maths[i].Groups["url"].Value, maths[i].Groups["text"].Value) + "\r\n"); w.Write(bs, 0, bs.Length); Console.WriteLine...

Magicbox
Global site tag (gtag.js) - Google Analytics