innerHTML中标签可以换行的方法汇总_javascript技巧
在用innerHTML生成结构时，为了看起来结构明快，可以在每行的末尾加一个反斜线\，即可保持html原结构，而不至于将标签都挤在一块
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>innerHTML中标签可以换行的方法</title>
</head>
<body>
<script>
//function fnNew(){
var sHtml = '';
for(var i = 0; i < 2; i++){
sHtml += '<li class="in">\
<div class="in-con">\
<button class="in-btn_s">显示</button>\
<button class="in-btn_h">隐藏</button>\
</div>\
<div class="in-show">第'+ i +'种方法:'+ data[i]+'</div>\
</li>';
}
oList.innerHTML = sHtml;
}
</script>
</body>
</html>
我是今天才学到十八哥的Javascript 说到innerHMTL 的使用，当时老师说到里面的标签不换行我觉得自己如果以后操作肯定不方便，于是我把这段代码复制出来问了下做过编程的朋友们
function t2(){
var cont = document.getElementById('container');
var htmlcode = "<p><ul><li><span>东</span></li><li>南</li><li>西</li><li>北</li></ul></p>";
cont.innerHTML = htmlcode;
的下面这段代码可不可以把代码写成可以换行的，
<p><ul><li><span>东</span></li><li>南</li><li>西</li><li>北</li></ul></p>
但是功夫不负有心人，终于有人告诉我方法 见下面代码
var htmlcode = "<p> \
<ul> \
<li><span>东</span></li> \
<li>南</li> \
<li>西</li> \
<li>北</li> \
</ul> \
</p>";
也就是每次需要换行的代码就多一个 实现换行。（没什么特俗技巧，只是个人看起来觉得这样写代码觉得舒服一点）
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
excel表格要怎么换行
Feb 09, 2024 pm 02:00 PM
Excel在是使用的过程中我们要进行很多不一样的操作，有的时候需要在一个单元格内换行，那么想要换行具体要怎么操作呢？下面就来看一下电脑excel表格换行方法吧。【excel表格操作方法合集】excel表格要怎么换行答案：可以通过自动换行和设置单元格格式进行操作。一、自动换行1、我们在表格中选择需要进行换行的区域之后在【开始】页面中点击【自动换行】;2、然后我们在调整A列宽度为合适值就可以了;二、设置单元格格式1、首先我们选择需要进行换行的区域之后右击鼠标，点击【设置单元格格式】;2、然后在弹出的
BarTender中如何换行-BarTender中换行的方法
Mar 05, 2024 pm 07:52 PM
很多用户在办公中都会使用BarTender软件，最近一些新用户询问BarTender中如何换行?下文小编就为各位带来了BarTender中换行的方法，让我们一同来下文看看吧。1、在BarTender中，单击工具栏中的创建文本按钮，选择创建单行文本，输入文本内容。2、双击创建的文本对象，打开文本属性对话框。切换至“文本格式”选项卡，将右侧的“类型”勾选为“段落”。3、单击关闭，调整文本框大小或输入更多文字，或根据实际要求换行都可以。
在苹果电脑上如何实现Excel单元格换行
Feb 18, 2024 pm 08:39 PM
苹果电脑Excel单元格内换行苹果电脑的Excel软件是一款强大的电子表格工具，它提供了许多方便的功能，以帮助用户进行数据处理和分析。在使用Excel时，有时我们需要在单元格内输入多行文本，以便更好地组织和呈现数据。然而，由于苹果电脑的Excel与Windows版本的Excel略有不同，因此换行的方法也有所不同。在Windows版本的Excel中，我们可以直
苹果手机怎么换行 苹果手机设置换行的操作步骤
Mar 22, 2024 pm 06:50 PM
1、多次按空格键，将光标移动到最右边处，再输入文字就可以实现换行了。2、需要换行时点击键盘上的话筒图标，语音说【换行】。3、备忘录使用场景中，输入法中有【换行】选项，可通过复制的方式实现换行。4、在appstore中下载其他第三方输入法使用。
PyCharm教程：快速掌握自动换行功能
Feb 23, 2024 am 08:33 AM
PyCharm是一款功能强大的Python集成开发环境，其自动换行功能可以帮助开发者更加高效地编写代码。本文将介绍如何快速掌握PyCharm中的自动换行功能，并提供具体的代码示例。一、启用自动换行功能在PyCharm中，默认情况下是不启用自动换行功能的，需要手动设置才能使用。具体的操作步骤如下：打开PyCharm，进入File->Settings；
PHP替换换行的方法详解
Mar 20, 2024 pm 01:21 PM
PHP替换换行的方法详解在PHP开发中，有时候我们需要对字符串中的换行符进行替换或处理。换行符在不同平台下可能会有不同的表示方式，因此需要对其进行统一处理，以确保字符串在不同环境下的显示效果一致。本文将详细介绍PHP中替换换行的方法，包括常见的换行符和具体的代码示例。一、常见的换行符在不同操作系统中，换行符的表示方式可能略有不同。主要的换行符包括：Windo
Go语言中如何输出带有换行符的文本
Mar 15, 2024 pm 04:15 PM
Go语言是一种现代化、高效且简洁的编程语言，广泛应用于各种领域的软件开发中。在Go语言中，输出带有换行符的文本非常简单，可以通过使用fmt包提供的Println函数实现。下面我们将具体介绍如何在Go语言中输出带有换行符的文本，以及相关的代码示例。在Go语言中，想要输出带有换行符的文本，可以使用fmt包提供的Println函数。Println函数会在输出文本的
如何交换Excel中列的顺序
Feb 20, 2024 am 10:28 AM
excel是一款功能强大的电子表格软件，可以帮助我们处理各种数据和信息。在使用excel时，有时候我们需要调整表格的布局，包括换行和列顺序。下面，我将为大家详细介绍excel怎样换行和调整列的顺序。一、换行1.使用换行符：在excel中，我们可以使用换行符来实现换行。具体操作如下：a.选中需要进行换行的单元格或单元格区域。b.在选中的单元格中输入想要换行的
