innerHTML中標籤可以換行的方法總結_javascript技巧-js教程-PHP中文網

首頁

web前端

js教程

innerHTML中標籤可以換行的方法總結_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 03:45 PM

換行

在用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>";

也就是每次需要換行的程式碼就多一個實作換行。（沒什麼特俗技巧，只是個人看起來覺得這樣寫程式覺得舒服一點）

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

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；

Go语言中如何输出带有换行符的文本Mar 15, 2024 pm 04:15 PM

Go语言是一种现代化、高效且简洁的编程语言，广泛应用于各种领域的软件开发中。在Go语言中，输出带有换行符的文本非常简单，可以通过使用fmt包提供的Println函数实现。下面我们将具体介绍如何在Go语言中输出带有换行符的文本，以及相关的代码示例。在Go语言中，想要输出带有换行符的文本，可以使用fmt包提供的Println函数。Println函数会在输出文本的

PHP替换换行的方法详解Mar 20, 2024 pm 01:21 PM

PHP替换换行的方法详解在PHP开发中，有时候我们需要对字符串中的换行符进行替换或处理。换行符在不同平台下可能会有不同的表示方式，因此需要对其进行统一处理，以确保字符串在不同环境下的显示效果一致。本文将详细介绍PHP中替换换行的方法，包括常见的换行符和具体的代码示例。一、常见的换行符在不同操作系统中，换行符的表示方式可能略有不同。主要的换行符包括：Windo

如何交换Excel中列的顺序Feb 20, 2024 am 10:28 AM

excel是一款功能强大的电子表格软件，可以帮助我们处理各种数据和信息。在使用excel时，有时候我们需要调整表格的布局，包括换行和列顺序。下面，我将为大家详细介绍excel怎样换行和调整列的顺序。一、换行1.使用换行符：在excel中，我们可以使用换行符来实现换行。具体操作如下：a.选中需要进行换行的单元格或单元格区域。b.在选中的单元格中输入想要换行的

See all articles