When using innerHTML to generate a structure, in order to make the structure look clear, you can add a backslash at the end of each line to maintain the original html structure without squeezing the tags together
<!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>
I just learned Brother Shiba’s Javascript today. Speaking of the use of innerHMTL, the teacher said that the tags inside did not wrap. I felt that it would be inconvenient for me to operate it in the future, so I copied this code and asked how to do it. Friends who have programmed
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;
be written so that it can be line-wrapped?
<p><ul><li><span>东</span></li><li>南</li><li>西</li><li>北</li></ul></p>
But hard work pays off, someone finally told me the method See the code below
var htmlcode = "<p> \
<ul> \
<li><span>东</span></li> \
<li>南</li> \
<li>西</li> \
<li>北</li> \
</ul> \
</p>";
That is, each time the code needs to be wrapped, there is one more line break. (No special tricks, I just feel more comfortable writing code this way)
excel表格要怎么换行Feb 09, 2024 pm 02:00 PMExcel在是使用的过程中我们要进行很多不一样的操作，有的时候需要在一个单元格内换行，那么想要换行具体要怎么操作呢？下面就来看一下电脑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 PM1、多次按空格键，将光标移动到最右边处，再输入文字就可以实现换行了。2、需要换行时点击键盘上的话筒图标，语音说【换行】。3、备忘录使用场景中，输入法中有【换行】选项，可通过复制的方式实现换行。4、在appstore中下载其他第三方输入法使用。
PyCharm教程：快速掌握自动换行功能Feb 23, 2024 am 08:33 AMPyCharm是一款功能强大的Python集成开发环境，其自动换行功能可以帮助开发者更加高效地编写代码。本文将介绍如何快速掌握PyCharm中的自动换行功能，并提供具体的代码示例。一、启用自动换行功能在PyCharm中，默认情况下是不启用自动换行功能的，需要手动设置才能使用。具体的操作步骤如下：打开PyCharm，进入File->Settings；
PHP替换换行的方法详解Mar 20, 2024 pm 01:21 PMPHP替换换行的方法详解在PHP开发中，有时候我们需要对字符串中的换行符进行替换或处理。换行符在不同平台下可能会有不同的表示方式，因此需要对其进行统一处理，以确保字符串在不同环境下的显示效果一致。本文将详细介绍PHP中替换换行的方法，包括常见的换行符和具体的代码示例。一、常见的换行符在不同操作系统中，换行符的表示方式可能略有不同。主要的换行符包括：Windo
Go语言中如何输出带有换行符的文本Mar 15, 2024 pm 04:15 PMGo语言是一种现代化、高效且简洁的编程语言，广泛应用于各种领域的软件开发中。在Go语言中，输出带有换行符的文本非常简单，可以通过使用fmt包提供的Println函数实现。下面我们将具体介绍如何在Go语言中输出带有换行符的文本，以及相关的代码示例。在Go语言中，想要输出带有换行符的文本，可以使用fmt包提供的Println函数。Println函数会在输出文本的
如何交换Excel中列的顺序Feb 20, 2024 am 10:28 AMexcel是一款功能强大的电子表格软件，可以帮助我们处理各种数据和信息。在使用excel时，有时候我们需要调整表格的布局，包括换行和列顺序。下面，我将为大家详细介绍excel怎样换行和调整列的顺序。一、换行1.使用换行符：在excel中，我们可以使用换行符来实现换行。具体操作如下：a.选中需要进行换行的单元格或单元格区域。b.在选中的单元格中输入想要换行的
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
VSCode Windows 64-bit Download
A free and powerful IDE editor launched by Microsoft
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Zend Studio 13.0.1
Powerful PHP integrated development environment
mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),
SAP NetWeaver Server Adapter for Eclipse
Integrate Eclipse with SAP NetWeaver application server.
