我是内容

可以清楚的看出来
innerHTML显示内容，但是将 <p></p> 变成了一个标签
innerText 显示的却是将p标签当成内容输出

由此可以看出区别在哪

注意一点
innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用 innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后

那么在遇到
换行标签怎么处理呢？
使用innerHTML 来实现
div.innerHTML = '我是内容<br>换行了'

那我们若是想得到

怎么办呢？
采用innerHT看一下结果

div.innerHTML='<h1>我是内容<br>换行了</h1>'

 很明显，如果使用innerHTML的话很容易篡改我们想要的效果！
 
三个解决办法
 
使用innerText 如果遇到换行使用 \n转移字符表示换行
新建两个标签,使用两个块级标签分别显示在里面
讲<>用转意字符&lt;&gt;分别表示出来
                    div.innerHtml = &amp;amp;lt;p&amp;amp;gt;我是内容&amp;amp;lt;p&amp;amp;gt;div.innerText = &amp;amp;lt;p&amp;amp;gt;我是内容&amp;amp;lt;p&amp;amp;gt;```![这时候我们可以看见第一个产生了只是我是内容，然而第二个却将p标签当内容输出](https://img-blog.csdn.net/20180927204944446?watermark/2/text/aHR0cHM
				
文本中直接用 \n ，无法换行，因为 html 不识别 \n，如果只是单纯的用 replace 把 \n 换成 <br/>，只能变成普通的字符串，也还是无法换行。
解决方法有这么几种：
1. 用 innerHTML = " ... " 或者 v-html 来把 <br/> 识别为 html node
2. 在标签上套一个 <pre></pre>
3. 设置 css
				
起初是想用String.split();这个方法处理字符串，当然，处理的就是按行获取数据，然后将换行符替换成“，”连接的字符串，然而就再获取换行符的时候，却屡战屡败~~受挫勒~
查询网络资源，觉得下面这些说的还靠谱，跟我遇到的情况吻合度很高：
最新版本的jQuery中, text取值使用的是获得最基础的textNode的nodeValue, 也就是说, text取值和innerTe
				
若要在html中换行则需用 </br> 进行换行， \n 不起作用
document.getElementById("demo").innerHTML = "Hello  </br>  Kitty!";
如若要用 \n 换行，可行例子如下
 var name = "world!\nhello";
    console.log(name);
在console控制台可看到...
				
问题环境:
由于想创建一个能够自适应窗口的网站,所以想着html结构能够动态改变,因为需要大刀阔斧的改动,所以选择了innerHTml,然而在使用过程中却出现了问题
html源代码:
<div id="plat_container_1">
预想插入后的代码:
<div id="plat_container_1">
	<div cla...
如下控件：注意ID是freetextbox_content 与下面doc的获取有关
&lt;ftb:FreeTextBox ID="freetextbox_content" runat="server" Width="900px" Height="432px" /&gt;
document.getElementById(...
如何在前台JS代码中控制文字内容在Textarea中换行：
			var result = "";
			for ( var int = 0; int < resultData.length; int++) {
				result += resultData[int].name+ resultData[int].result+
innerHTML和innerText都是JavaScript中常用的属性，用于获取或设置HTML元素的内容。它们的区别在于：
1. innerHTML获取或设置的是元素的HTML内容，包括标签和文本内容，而innerText只获取或设置元素的文本内容，不包括标签。
2. innerHTML可以用于修改元素的HTML结构，包括添加、删除、替换元素和属性等操作，而innerText只能修改元素的文本内容。
3. innerHTML会触发浏览器的重绘和重排，因为它会改变元素的结构和样式，而innerText只会改变元素的文本内容，不会影响元素的结构和样式。
因此，在使用innerHTML和innerText时，需要根据具体的需求选择合适的属性。如果需要修改元素的HTML结构，应该使用innerHTML；如果只需要修改元素的文本内容，应该使用innerText。   
### 回答2：
innerHTML和innerText是JavaScript中常用的两个属性，都用于操作HTML元素的文本内容。但是两者有着不同的区别。
首先，innerHTML是元素的一个属性，它返回元素的HTML内容，包括HTML标签、文本和属性。它可以修改元素的HTML内容，允许插入新的HTML元素或者改变元素的样式和属性。 例如，我们可以使用innerHTML将一个段落的文本内容替换成一个新的段落标签，这个新的标签可以拥有不同的颜色、字体和文本内容。
而innerText是元素的另一个属性，返回元素的纯文本内容，没有包含任何HTML标签。与innerHTML不同，innerText不能修改HTML结构，因此它通常用于操作那些只包含文本内容的元素。
此外，innerHTML的返回结果可能会包含一些浏览器自动在HTML中添加的节点（例如空格或换行符），这些节点在innerText中是不会被包含的。
在使用innerHTML或innerText时还需要注意安全问题。由于innerHTML可以插入任意的HTML代码，因此会存在一定的安全风险，可能会受到XSS攻击。而innerText没有这个问题，因为它只能处理纯文本内容。
综上所述，innerHTML和innerText有着不同的用途和特点。我们应该根据需要选择合适的方法来操作HTML元素的文本内容，同时注意相关的安全问题。   
### 回答3：
innerHTML和innerText是两个常用的Web开发术语。它们都用于处理HTML元素的内容属性，但是它们有几个不同之处。
innerHTML是一个属性，它表示某个元素的HTML内容。这个属性可以被读、写和修改，允许我们在网页中动态地更新和改变HTML内容。这样的话，我们就可以通过编程来更新网页中的内容，而无需修改HTML文件本身。innerHTML可以引用其他元素或属性，例如文本，图像，链接，样式和脚本。innerHTML属性非常强大，它可以轻松地创建动态的HTML内容，大大简化了Web开发的工作流程。
然而，innerText是表示元素的所有文本内容，但不包括HTML标签。如果一个元素包含嵌套的标签，例如链接、段落或表格，则innerText只返回纯文本，不返回标签。跟innerHTML不同的是，innerText只能被读取，因此不能用于更改HTML内容。它通常用于获取网页中的文本内容而不包括HTML标记。
在实际应用中，如果需要动态更新网页的内容，则应使用innerHTML，它可以轻松地修改网页的结构和布局。然而，如果只需要获取网页中的文本内容，而不需要HTML标记，则应使用innerText，因为它只返回纯文本内容，不包含标签和样式。
总之，innerHTML和innerText是两个常用的Web开发术语，它们都用于处理HTML元素的内容属性。但是需要注意的是，它们之间有一些不同之处，具体使用要根据实际情况确定。