innerHTML、outerHTML、innerText、outerText的区别

最新推荐文章于 2022-02-05 09:13:38 发布
最新推荐文章于 2022-02-05 09:13:38 发布
阅读量660 收藏
点赞数
分类专栏： JavaScript 文章标签： button input html div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/thx_bj/article/details/969007
版权

innerHTML获取标签内的HTML
outerHTML获取标签及标签内的HTML
innerTEXT和outerTEXT都是获取标签内的文本，相同。

 

运行以下代码仔细观看一下结果就知道它们的区别了！

<div id="div"><input name="button" value="Button" type="button"><font color="green"><h2>This is a DIV!</h2></font></div>
<input name="innerHTML" value="innerHTML" type="button" OnClick="alert(div.innerHTML);">
<input name="outerHTML" value="outerHTML" type="button" OnClick="alert(div.outerHTML);">
<input name="innerText" value="innerText" type="button" OnClick="alert(div.innerText);">
<input name="outerText" value="outerText" type="button" OnClick="alert(div.outerText);">
 

thx_bj
关注
专栏目录
html innerHTML outerHTML innerText outerText等的区别及实例汇总
09-29
html js innerHTML outerHTML innerText outerText 等的区别及实例汇总
javascript innerHTML、outerHTML、innerText、outerText的区别
10-30
JavaScript中的innerHTML、outerHTML、innerText和outerText是四个用于操作HTML元素内容的属性，它们各自有不同的功能和用途。 1. innerHTML： - innerHTML允许我们获取或设置一个元素内部的HTML内容。当我们设置...
[转]innerHtml,innerText,outterHtml,outterText 的区别
weixin_34405925的博客
09-26 79
js中innerHTML与innerText的用法与区别 用法： Java代码   &lt;div id="test"&gt;      &lt;span style="color:red"&gt;test1&lt;/span&gt; test2   &lt;/div&gt;  &lt;div id="test"&gt; &lt;span
webbrowser
weixin_30505485的博客
12-16 64
把 WebBrowser 中已经显示的 Html 代码显示出来 webBrowser1.Document.Body.OuterHtml 禁用错误脚本提示此方法不能屏蔽脚本调试窗口，自己改了关闭Ie的调试 private SHDocVw.IWebBrowser2 Iwb2; protected override void AttachInterfac...
webbrowser爬虫，自动填充
xiaoxiaoyu85的专栏
11-20 2232
在我们编写的程序中，如果想要实现对浏览器打开的网页进行监视、模拟操纵、动态提取用户输入、动态修改......等功能，那么请你抽出宝贵的时间，继续往下阅读。本文介绍的知识和示例程序都是围绕如何遍历 HTML 中的表单(form)并枚举出表单域的属性为目标的，对于网页中的其它元素，比如图象、连接、脚本等等，应用同样的方法都可以轻松实现。 二、网页的文档层次结构 IE 浏览器，采用 DOM（
VB功能模块：最全的VB操作网页功能模块
思科网络
05-25 8761
<br />Public Function HtmlStr$(URL$)     '提取网页源码函数<br />  Dim XmlHttp<br />  Set XmlHttp = CreateObject("Microsoft.XMLHTTP")<br />  XmlHttp.Open "GET", URL, False<br />  XmlHttp.Send<br />  If XmlHttp.ReadyState = 4 Then HtmlStr = StrConv(XmlHttp.Responseb
VB 读取HTML代码及网页文字
思科网络
11-21 5381
'得到当前browser的页面文字内容 Public Function getWebContent(browser As WebBrowser) As String Dim doc As Object Dim i As Object Dim strHtml As String Set doc = browser.Document Fo
innerHTML,outerHTML,innerText,outerText的用法及区别解析
09-04
在JavaScript中，`innerHTML`, `outerHTML`, `innerText`, 和 `outerText` 是四个非常重要的属性，用于操作HTML元素的内容。下面将详细解释这些属性的用法和它们之间的区别。 1. **innerHTML** - `innerHTML` 属性...
整理前端--documentwrite和innerhtml区别
欢迎访问,Viola的博客!
03-02 2778
1. document.write使用举例html文档：&lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;无标题&lt;/title&gt;
innerHTML,innerText,value的区别(实例)
fourinches的博客
08-06 5274
1. 获取标签的内容    innerHTML识别标签, 获取双标签内的内容, 包含内容里的嵌套标签 [高版本的浏览器会将格式原样打印];    innerText 不识别标签,  在获取标签内容时去除所有标签    value获取标签的value属性值 实例如下:    解析:    (1) 控制台的打印内容中, 第一段(以虚线划分) 使用innerHTML获取到&lt;div&g...
webbrowser显示html
weixin_33701294的博客
04-11 109
webbrowser也可以单独显示html标签的，如下： string testString = @"&lt;FONT face=Verdana&gt;&lt;FONT face=Verdana&gt; &lt;P&gt;&lt;FONT face=Verdana&gt;测试内容：&lt;/FONT&gt;&lt;/P&gt; &lt;P&gt;&lt;FONT face=
WebBrowser-Inner/Outer属性
dengzuiqu1617的博客
07-14 133
关于HtmlElement类的 InnerHtml、InneText、OuterHtml、OuterText属性的使用MSDN里的介绍看得不是很明白，以下是一个小测试 <HTML> <BODY> <div id="A" style="font-size:20px;border:2px double black;" mce_style="fo...
innerHTML和outerHTML以及innerText和outerText之间的区别
weixin_47450807的博客
02-05 845
一、innerHTML和outerHTML的关系 在面试中也常常问道innerHTML和outerHTML之间的区别，这里我们总结一下。innerHTML表示内部文本，如下所示。 <div><h1>大家好</h1></div> 其打印其innerHTML的值为： <h1>大家好</h1> outerHTML表示外部文本，包含标签。 其打印outerHTML的值为: <div><h1>大家好</h1&gt
VB6用WebBrowser获取HTML
刻苦与奋斗
07-20 6860
在WebBrowser的DocumentComplete事件中： 1: Dim HTML As HTMLDocument 2: Dim strData As String 3: Set HTML = WebBrowser1.Document 4: strData = HTML.d
HTML属性详解：innerHTML、outerHTML、innerText与outerText的区别
"了解JavaScript中的innerHTML、outerHTML、innerText和outerText属性的用法及它们之间的差异对于前端开发至关重要。这些属性允许我们操作DOM元素的内容和结构。以下是对这些属性的详细解释： 1. innerHTML: - ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值