javascript中value、innerHTML不同之处

最新推荐文章于 2022-10-19 10:03:42 发布
最新推荐文章于 2022-10-19 10:03:42 发布
阅读量579 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yatuoche1765/article/details/80964746
版权

概括的说：

value是元素的属性值，可以获得标签的属性值，输出的是字符串，

而innerText和innerHTML是元素开始和结束标签之间的值，但innerText和innerHTML之间也有所区别，innerText将标签之间的内容作为字符串输出，而innerHTML将标签之间的内容作为HTML内容解析。

而且很多标签没有value属性，比如<td>、<div>标签等等，这些只能使用innerHTML输出其中的内容

xielaoda715
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript中关于value的一个小知识点(value既是属性也是变量)
weixin_33883178的博客
10-01 386
　　今天在学习input的value值时，发现这么一个小知识点，以前理解不太透彻   【1】以下这种情况是常见情况，会弹出“测试内容” &lt;input type="button" value="测试内容" onclick = "alert(value)"&gt;   【2】心想，这种情况下value找不到，沿着作用域链应该到document了，应该弹出“123"，但情况是弹出...
js中value和innerHTML区别
yizhishuangsheng的博客
03-05 1458
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的区别
代码无常，怀疑人生
05-17 500
innerHTML与value的区别 ...
innerHTML和value的区别
Allen . Liu
09-06 3542
innerHTML是指标签内的html,输入输出的是字符串；innerText是标签内的文本 textarea双标签，form表单都能用value。,输入输出的是字符串; 一、innerHTML是指标签内的html，value是form控件当前的值，例如： 二、innerHtml是<div>标签内的文本，输入输出到该DOM内部纯HTML...
JS中innerHTML与value、val的用法区别
u013456370的专栏
09-25 2124
JS中innerHTML与value、val的用法区别？ innerHTML是html中DOM节点的一个属性。使用该方法可以获取元素的内容，然后在对其进行操作（改变）。 value获取的是html中标签的value属性值。 val是jQuery中返回元素的值，类似value。 区别： innerHTML获取的是诸如这是一个p，这一类标签没有value这个属性，当使用i
JavaScript函数中关于valueOf和toString的理解
10-22
本文给大家介绍JavaScript函数中关于valueOf和toString的理解，简单的说就是需要转换为字符串时，会调用toString，需要转换为数字时需要调用valueOf。对js valueof tostring知识感兴趣的朋友一起学习吧
JavaScript实际应用：innerHTMl和确认提示的使用
01-19
今天开发中涉及到对一个层的信息控制，就是控制一个层中显示什么信息，查找资料才知道使用innerHTML属性来控制层的值，这个innerHTML跟表单里面的value属性有点类似，能够控制层的显示值。 比如说我一个div层里本来...
innerHTML&value;
10-23
HTML标签的innerHTML和value之间的用法的区别
javascript据option的value值快速设定初始的selected选项
10-30
### JavaScript根据Option的Value值快速设定初始的Selected选项 在Web开发中，下拉列表（`<select>`标签）是用户界面中一个非常常见的元素，用于让用户从一系列预定义的选项中选择一个或多个值。当创建一个下拉列表...
javascript中如何处理引号编码#034;
12-02
以下是一些处理JavaScript中引号编码的方法： 1. 使用HTML实体编码： 在HTML中，某些字符如双引号(`"`)和单引号(`'`)是特殊字符，它们可能会导致HTML解析错误。为了避免这种情况，可以使用HTML实体编码来替代它们。...
JS中innerHTML与value用法的区别。
fan1321923530的博客
03-29 1752
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，value的区别
热门推荐
汪振海的专栏
05-04 1万+
首先先说一下 我自己认为的  innerHTML，innerText，value的区别 innerHTML  是在控件中加html代码  就是设置一个元素里面的HTML eg: Insert title here My First Web Page My First Paragraph. document.getElementById("demo").innerHTML="M
脚本中的innerText和innerHtml和value的区别
waj89757的专栏
08-22 1231
脚本中的innerText和innerHtml和value的区别 1.innerText是id为object的闭合标签内的文本; 2.innerHtml是标签内的文本. (label控件用innerText有效) 3.value通常是表单元素特有的属性. (Button,CheckBox,Radio)随表单一起发送的值; (Reset,Submit)标签; (Text,Hid
javascript innerHTML与innertext与value区别
benben0729的专栏
10-28 500
innerHTML： innerHTML&amp;nbsp;浏览器会将inneHTML后面的内容作为html来解析。 document.getElementById(&quot;myspan&quot;).innerHTML=&quot;&amp;lt;a&amp;nbsp;href='http://www.sina.com'&amp;gt;到新浪&amp;lt;/a&amp;gt;&amp;nbsp;&quot
JavaScript 关于value的知识点
weixin_30518397的博客
07-25 584
JavaScript中的value既是属性也是变量 【1】以下这种情况是常见情况，会弹出“测试内容” <input type="button" value ="测试内容" onclick = "alert(value)"> 【2】心想，这种情况下value找不到，沿着作用域链应该到document了，应该弹出“123”，但情况是弹出空 <script&...
吃透web前端秘籍，来听听大佬是怎么说的
pig_html的博客
12-12 4695
看看阿里大神对web前端是如何总结的 一.为什么要学习前端开发？ 你可能是因为兴趣，完成一个网站、页面、功能的成就感。你也可能是因为现在前端岗位火爆，就业率高。不管是因为什么，只要找准了目标，学就是了！ 二.Web前端开发是干什么的？有没有“钱”途？ 先看一张图吧 北京高级前端研发工程师的平均月工资为29.3k,深圳也有15k,“钱”途已经有了。 那前端是干什么的呢？ （1）定义：前端开发就是将UI设计师设计好的界面实现，即用一些前端方面的语言（HTML、CSS、jQuery等等）将UI设计变成可以与用
value和innerHTML和innerText
MagicWing的博客
10-17 438
DOM操作元素文本内容：innerHTML、innerText、value
YY的博客
10-19 1756
DOM操作元素文本内容：innerHTML、innerText、value
.value，.innerHTML，.innerText在JS中使用的区别
最新发布
05-31
在 JavaScript 中，`.value`、`.innerHTML` 和 `.innerText` 是用于获取或设置元素内容的属性。 `.value` 属性通常用于表单元素，如输入框和下拉列表。它用于获取或设置表单元素的值。例如，如果有一个输入框元素： ``` <input type="text" id="myInput"> ``` 您可以使用以下代码获取或设置它的值： ``` var inputElement = document.getElementById("myInput"); var inputValue = inputElement.value; // 获取输入框的值 inputElement.value = "Hello, world!"; // 设置输入框的值 ``` `.innerHTML` 属性用于获取或设置元素的 HTML 内容。例如，如果有一个 div 元素： ``` <div id="myDiv"></div> ``` 您可以使用以下代码获取或设置它的 HTML 内容： ``` var divElement = document.getElementById("myDiv"); var htmlContent = divElement.innerHTML; // 获取 div 的 HTML 内容 divElement.innerHTML = "<p>Hello, world!</p>"; // 设置 div 的 HTML 内容 ``` `.innerText` 属性用于获取或设置元素的文本内容，但与 `.innerHTML` 不同，它会忽略 HTML 标签。例如，如果有一个 p 元素： ``` <p id="myP">Hello, <strong>world</strong>!</p> ``` 您可以使用以下代码获取或设置它的文本内容： ``` var pElement = document.getElementById("myP"); var textContent = pElement.innerText; // 获取 p 的文本内容，返回 "Hello, world!" pElement.innerText = "Goodbye, world!"; // 设置 p 的文本内容 ``` 需要注意的是，`.innerHTML` 和 `.innerText` 都可以用于获取和设置元素的内容，但它们之间存在一些差异。`.innerHTML` 可以用于设置元素的 HTML 内容，而 `.innerText` 仅用于设置元素的文本内容。此外，`.innerHTML` 可能会导致安全问题，因为它允许插入任意的 HTML 代码。因此，在设置 `.innerHTML` 时应格外小心。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值