结合<span id="outer"><span id="inter">text</span></span>这段结构，谈谈innerHTML、outerHTML、innerText之间的区别...

最新推荐文章于 2024-04-20 16:23:06 发布

weixin_30343157

最新推荐文章于 2024-04-20 16:23:06 发布

阅读量312

点赞数

文章标签： python c#

原文链接：http://www.cnblogs.com/wuqilang/p/11204643.html

版权

　　innerHTML 输出当前标签的文本内容，如果标签内有子标签，会连子标签本身和子标签内的文本内容一起输出。

　　#outer输出子标签本身和子标签的内容：<span id="inter">text</span>
　　#inter输出当前标签内容：text

　　innerText 只输出当前标签内的文本内容，如果标签内有子标签，那么也只输出子标签内的文本内容。

　　#outer输出当前标签和子标签的内容：text
　　#inter输出当前标签内容：text

　　outerHTML 输出当前标签的本身和标签内的文本内容，如果有子标签，那么子标签本身和标签内的文本内容也将一起输出。

　　#outer输出当前标签和子标签的标签本身和内容：<span id="outer"><span id="inter">text</span></span>
　　#inter输出子标签的标签本身和内容：<span id="inter">text</span>

转载于:https://www.cnblogs.com/wuqilang/p/11204643.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30343157

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

innerhtml 中获取 input 值_selenium中的text、innerText、outerText以及textContent比较

weixin_39700220的博客

11-27

1224

在使用selenium过程中为了获取元素的文本内容，通过搜索引擎搜索发现常用的方式是获取元素的text、innerText、outerText以及textContent。在使用过程中难免会有一些疑惑，这四者之间的区别是什么。根据搜索引擎和自己实验的结果，我总结出以下几条信息。一、元素的 innerHTML、outerHTML、innerText、outerText属性之间的区别以下内容参考链接...

js控制`<span></span>`显示信息

ljh243581579的博客

10-13

2150

js控制<span></span>显示信息<span id='info2' style="color:red;font-size:12px;"></span>$('#phone').blur(function(){ phone=document.getElementById('phone').value; var info1=document.getElementBy

参与评论您还未登录，请先登录后发表或查看评论

innerHTML，outerHTML,innerTEXT三者之间的区别

爱喝浓咖啡

05-30

1121

JavaScript 中innerText innerHtml outerText outerHtml 的区别

征服珠穆朗玛

04-10

1595

很久以前都经常使用过 innerText、innerHtml 这两种方法，一种是获得或设置元素的文本部分，一种是获得或设置元素的HTML部分。也用到过outerHtml 但并不知道它是什么意思，最近项目又使用到这个方法，在网上搜了搜，了解了一下，做个笔记 innerText: 获得或设置元素的文本部分 innerHtml: 获得或设置元素的HTML部分 ou

innerHTML和outerHTML以及innerText和outerText之间的区别

weixin_47450807的博客

02-05

840

一、innerHTML和outerHTML的关系在面试中也常常问道innerHTML和outerHTML之间的区别，这里我们总结一下。innerHTML表示内部文本，如下所示。 <div><h1>大家好</h1></div> 其打印其innerHTML的值为： <h1>大家好</h1> outerHTML表示外部文本，包含标签。其打印outerHTML的值为: <div><h1>大家好</h1&gt

WEB innerHTML中div 和span

demon@blog

02-24

471

使用innerHTML属性来控制DIV和SPAN 今天开发中涉及到对一个层的信息控制，就是控制一个层中显示什么信息，查找资料才知道使用innerHTML属性来控制层的值，这个innerHTML跟表单里面的value属性有点类似，能够控制层的显示值。　　比如说我一个div层里本来没有值，我处罚一个事件后要显示值，那么就能够使用innerHTML属性了，其实innerHTML属性除了能控制层...

js 日期加红代码适用于各种cms <font color=red>原创</font>

10-29

该脚本会寻找id为`dxy_r`的`<div>`容器内的所有`<span>`标签，并检查它们的日期是否匹配今天的日期。如果匹配，它将把`<span>`标签的文本颜色设置为红色。 ```javascript <script language="javascript"> // 定义...

关于标签选择器获取table中的＜td＞标签中的html值,以及＜td＞中＜input type=‘text‘＞中的value值的详解

weixin_40517799的博客

05-10

2726

这是我自己最近做的项目的一段jsp代码， <table id="Mytable" class="table table-hover table-bordered table-striped" style="margin-bottom: 0px;"> <tr> <th>序号</th> <th>设备名称</th> <th>设备编号</th> <th>设备类型编号&l

将List<Map<String, Object>>遍历后存入List<Object<String,String,List<Map<String, String>>>中>

weixin_40719948的博客

10-22

2414

Obejct类的class: package com.run.gis.platform.model; import java.util.ArrayList; import java.util.Map; import com.sun.xml.internal.bind.v2.schemagen.xmlschema.List; public class CollisionPoin

javascript给span标签赋值的方法

10-23

<span id="hello"></span> </body> ``` 在这个例子中，我们首先在HTML的body标签中使用了onload事件，当页面加载完成后，会执行函数s()。在函数s中，通过document.getElementById获取到id为hello的span标签，并...

innerHTML,outerHTML,innerText,outerText的区别和用法

yaogao000专栏

11-15

567

innerHTML,outerHTML,innerText,outerText的区别和用法转自这位朋友http://hi.baidu.com/xpow测试案例： test1 test2在JS中可以使用：test.innerHTML:　　也就是从对象的起始位置到终止位置的全部内容,包括Html标签。上例中的test.innerHTML的值也就是“test1 test2 ”。test.inn

代码实现 outerHTML

m0_57308879的博客

09-17

202

outerHTML简单来说就是包含innerHTML内容和元素的标签，详见代码： HTML： <div id="div">你好呀！<span>李银河</span></div> JavaScript： var div = document.getElementById('div').outerHTML console.log(div) 输出结果为： <div id="div">你好呀！<span>李银河&l

＜前段＞span无法通过innerHTML获取正确宽度

最新发布

qq_43478653的博客

04-20

312

为span添加display: inline-block后，再获取。

DOM编程案例——innerHTML innerText操作div和span、去除字符串的前后空白trim

qq_45554909的博客

12-21

1389

1.innerHTML innerText操作div和span innerText和innerHTML属性什么区别？相同点：都是设置元素内部的内容。不同点： innerHTML会把后面的 “字符串”当做一段HTML代码解释并执行。 innerText，即使后面是一段HTML代码，也只是将其当做普通的字符串来看待。 <body> <style type="text/css"> #div1{ background-color: #abacff;

selenium 获取元素getAttribute(“innerHTML“)和getAttribute(“outerHTML“)的区别

Boven.Raye.Lee的博客

05-08

697

selenium innerHTML 和 outerHTML 的区别

简单说下outerHTML、innerHTML和innerTEXT的区别及用法

Java高知社区

08-12

4737

在别人的博客上找到一篇简单介绍outerHTML、innerHTML和innerTEXT的区别及用法，下面弄过来和大家一起分享一下。 outerHTML的用法与innerHTML不同，outerHTML包括整个标签，而不仅限于标签内部的内容。对于一个id为"testdiv"的d

如何在selenium中使用元素的innerHTML

weixin_43980875的博客

12-05

4406

在selenium 中使用JavascriptExecutor 修改innerHTML 通过selenium获取的元素无法直接修改元素的内容。通过JavascriptExecutor能够实现对任意可视元素进行innerHTML的修改替换。代码示例如下： c#代码示例 // An highlighted block driver.Navigate().GoToUrl(@"https://www.fa...

javaScript中innerHTML,innerText,outerHTML,outerText的区别

weixin_30782331的博客

09-02

125

开头说下innerText和outerText只在chrome浏览器中有效定义和用法 innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML，包括标签。来看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...

练习使用innerHTML和outerHTML追加元素

qir61的博客

04-12

3265

appendChild function test(){ alert("Hello World ！"); } window.onload=function(){ //div1.innerHTML=ss; //可以直接使用innerHTML += 的方式进行追加内容 //div1.innerHTML += ss; //使用appendChild追加内容，追加的是元素 v

<td><span id="mode">-</span></td> 如何将mode的值在页面上打印出来

05-26

<td><span id="mode">-</span></td> ``` 然后，在 JavaScript 中，你可以使用 `document.getElementById()` 方法获取该元素，并使用 `innerHTML` 属性获取元素的值，如下所示： ```javascript var mode = document...