2015-05-10 1 views
0

Iam using innerHTML в части скрипта моего HTML-файла.innerHTML для выполнения нескольких строк

document.getElementById("id1").innerHTML="<font size=4 color=blue><b>Process</b></font><br>" 

Если Fites в одной строке, он работает прекрасно, но я хочу разместить несколько строк HTML-кода в innerHTML, возможно ли это?

document.getElementById("demo").innerHTML = " 

    +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
    CPU Information 
    +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
    No of Cores: 
    1 
    Speed of each core in Mhz: 
    cpu MHz  : 2399.318 
    model name : Intel(R) Xeon(R) CPU   E5645 @ 2.40GHz 
    CPU Load: 
    0.1 
    Top CPU using process/application 
    ------------------------------------- 
    PID USER  PR NI VIRT RES SHR S %CPU %MEM TIME+ COMMAND   
    1 root  15 0 10364 680 576 S 0.0 0.0 0:05.46 init    
    "; 

ответ

4

Самый надежный способ заключается в использовании конкатенации:

document.getElementById("id1").innerHTML = 
    "<font size=4 color=blue>" + 
    "<b>Process</b>" + 
    "</font>" + 
    "<br>"; 

Хотя вы можете сделать это с линии продолжений:

document.getElementById("id1").innerHTML = 
    "<font size=4 color=blue>\ 
<b>Process</b>\ 
</font>\ 
<br>"; 

Обратите внимание, что ведущие пробелы в последующих строках часть строки.


Все, что сказал: Если вы делаете это много, вы могли бы рассмотреть вопрос об использовании шаблонизатор или подобное, так что вы не имеете ваш HTML перемешаны с JavaScript.

+0

Здесь элемент HTML Iam, размещаемый во внутреннемHTML, является динамическим по своей природе, который добавляется сюда посредством некоторых сценариев. Таким образом, этот способ не подходит к сэру. –

+0

@RaviKishore: Что это за динамика? Вы все равно будете использовать конкатенацию строк (или механизм шаблонов). Если у вас есть ситуация ** по-другому ** из вашего вопроса, то должное уважение, почему бы не сделать ваш вопрос точным отражением того, что вы пытаетесь сделать? –

+0

Не могли бы вы сделать для этого случая:.
document.getElementById ("DEMO") innerHTML = «<цвет шрифта = красный> ===================== ==============================================
Отчет о проверке работоспособности (CPU-Memory-Disk-Processes)
================= ================================================== ==
";
IP-адрес: 10.2.3.4

Hostname: H1
Версия ядра: 2.6.18-308.4.1.el5
Uptime: 52 дней