JavaScript innerText与innerHtml与value的区别

最新推荐文章于 2022-05-20 13:01:18 发布
最新推荐文章于 2022-05-20 13:01:18 发布
阅读量394 收藏
点赞数
1.innerText是id为object的闭合标签内的文本,输入输出的是转义文本(字符串);
  (label控件用innerText有效)

2.innerHtml是<div>标签内的文本,输入输出到该DOM内部纯HTML代码(流);
  (获得td、div等html元素时候,它们是没有value或是text属性,只能用innerHtml)

3.value是表单元素特有的属性,输入输出的是转义文本(字符串);
  (Button、CheckBox、Radio)随表单一起发送的值;
  (Reset、Submit)标签;
  (Text、Hidden)默认值;
  (File、Password)

  (注: Text控件用value有效)     



转自：http://blog.csdn.net/maxracer/article/details/8750597

寻找小海螺
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中value和innerHTML区别
yizhishuangsheng的博客
03-05 1455
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，innerText，value的区别
gabby____的博客
09-08 3万+
一、区别 innerHTML 在控件中加html代码 ,就是设置一个元素里面的HTML,标签对文本信息有效。 innerTEXT 打印标签之间的纯文本信息，显示标签，标签无效，低版本的火狐浏览器不支持。 value 显示双引号中的全部内容，显示标签，标签无效。 二、举例 例一 1、innerHTML &lt;!doctype html&gt; &lt;html lan...
innerHTML与innerText区别
热门推荐
蜗牛学习笔记
03-08 8万+
innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。 innerText 指的是从起始位置到终止位置的内容,但它去除Html标签。 同时，innerHTML 是所有浏览器都支持的，innerText 是IE浏览器和chrome 浏览器支持的，Firefox浏览器不支持。其实，innerHTML 是W3C 组织规定的属性；而innerText 属性是IE浏览器自己的属性，不过后来的浏览器部分实现这个属性罢了。
用value和innerHTML取值的区别
希希的博客
02-26 1483
value取的是客户端输入的值，通常由input输入； innerHTML取的是原本HTML中有的值。 另： 使用element.innerHTML = *** 可以改变页面的值。
JavaScript
qq_56979523的博客
02-11 563
1 JavaScript 是什么? JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思） 脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行 现在也可以基于 Node.js 技术进行服务器端编程 JavaScript的作用 表单动态校验（密码强度检测） （ JS 产生最初的目的 ） 网页特效 服务端开发(Node.js) 桌面程序(Electron) App(Cordova)
innerText和innerHTML 一些问题分析
09-05
innerText 和 innerHTML 是在Web开发中，特别是使用JavaScript操作HTML元素时非常重要的两个属性。它们都是Internet Explorer（IE）浏览器首先引入的特性，后来被其他主流浏览器如Firefox、Chrome、Safari等广泛支持...
javascript对HTML字符转义与反转义
11-26
- 使用JavaScript的内置方法，可以创建一个HTML元素（如`div`），将待转义的字符串设置为该元素的`innerText`或`textContent`，然后读取其`innerHTML`。这种方法利用了浏览器的内部转换器，例如： ```javascript ...
调用innerHTML之后onclick失效问题的解决方法
09-04
总之，理解`innerHTML`的工作原理以及如何正确处理动态生成的DOM元素与事件绑定是JavaScript开发中的重要技能。在遇到类似问题时，应当灵活运用各种DOM操作方法和事件处理策略，以确保功能的正常运行。
javascript初级代码学习.zip
最新发布
11-07
002-DOM编程-innerHTML和innerText操作div和span 003-DOM编程-关于正则表达式 004-去除字符串的前后空白trim 005-表单验证 006-复选框的全选和取消全选 007-获取下拉列表选中项的value 008-显示网页时钟 009-内置...
aula_javascript：JavaScript简介
02-22
JavaScript可以直接操作DOM（文档对象模型），通过`document.getElementById()`、`document.querySelector()`和`document.querySelectorAll()`等方法获取元素，使用`innerHTML`、`innerText`等属性修改内容，`...
Angular中innerHTML标签的样式不起作用的原因解析
10-16
主要介绍了Angular中innerHTML标签的样式不起作用详解 ,本文给出了解决方案，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
JavaScript中innerText,innerHTML,outerText,outerHTML使用心得和区别
程序员天空
09-09 3070
    test1    test2object.innerHTML也就是从对象的起始位置到终止位置的全部内容,包括Html标签显示的结果是：test1test2object.innerText从起始位置到终止位置的内容, 但它去除Html标签显示的结果是：test1 test2object.outerHTML除了包含innerHTML的全部内容外, 还包含对象标签
JavaScript学习 — innerHTML与innerText区别
weixin_67614925的博客
05-20 2220
文章目录各自功能实例区别 各自功能 innerHTML：设置或获取元素内的所有子节点（包括标签、注释和文本节点）。 innerText：获取元素的文本，会过滤掉所以标签，将文档树中的所有文本拼接起来，设置时会把元素所以子节点都删除再重写，利用这一点，可以通过 innerText 属性过滤掉 HTML 标签。 实例区别 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8">
从零开始前端学习[46]:在标签中添加内容，关于innerHTML和innerText的一点解析
章飞 _906285288的博客
11-08 4515
从零开始前端学习[46]:在标签中添加内容，关于innerHTML和innerText的一点解析 innerHTML innerText 提示 博主：章飞_906285288 博客地址：http://blog.csdn.net/qq_29924041 其实在前面的简单的js的使用过程中，已经使用了innerHTML来修改页面中的内容，但是js又为我们提供了一个所谓的innerText，
javascript中innerHTML和jquery中的html(undefined)函数在处理undefined时的区别
程宇寒
01-01 1675
jquery中的html()函数不会把undefined添加到标签中 js中的innerHTML会把undefined添加到标签中 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>javascript中innerHTML和jquery中的ht...
关于inerHTML input value无效的问题
zb219的专栏
12-11 5725
原来在IE下面,手改文本框的值,innerHTML是可以体现出来的,但IE9,EI10,之后就不会体现了. 因为在标准模式下,  同  aa.value是不一样的,一个算是attributes属性,一个是表单元素的JS属性,这个在早期的IE是通用的,可是w3c是不通用的 你修改了aa.value 不代表你的aa.attributes["value"]也改了,而innerHTML 只能输出att
js中innerHTML与innerTex、outerHTMLt的用法与区别
teedry的专栏
11-09 1481
js中innerHTML与innerTex、outerHTMLt的用法与区别用法：    test1 test2在JS中可以使用：test.innerHTML:　　也就是从对象的起始位置到终止位置的全部内容,包括Html标签。　　上例中的test.innerHTML的值也就是“test1 test2 ”。test.innerText:　　从起始位
JS-----------动态生成的html标签，在使用js获取不到
weixin_34161029的博客
08-22 1221
2019独角兽企业重金招聘Python工程师标准>>> ...
.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、付费专栏及课程。

余额充值