Как вывести HTML '<div>' элемент с помощью Javascript - PullRequest
Новая
       8

Как вывести HTML '<div>' элемент с помощью Javascript

0 голосов
/ 06 января 2019

Я хочу, чтобы пользователь мог вводить определенные значения в поле ввода и хотел бы иметь возможность выводить значения WITH HTML-разметки, такие как

и

'как текст. Я попытался вывести его в виде строки, но я не могу понять это. Пожалуйста, помогите!

Я бы хотел, чтобы он работал так:

Входное значение = х Выход = х

Должен ли он выводиться как строка, чтобы браузер не выводил только = x? Все понимание помогает!

Пожалуйста, смотрите мой пример здесь: 

<html>
<head>
  <title>Markup Generator</title>
</head>
<body>
 
First name: <input id="first_name">
Last name: <input id="last_name">
<button id="say">Say hi!</button>
 
<hr>
<div id="result"></div>
 
<script>
function say_hi() {
    var fname = document.getElementById('first_name').value;
    var lname = document.getElementById('last_name').value;
 
    var html = 'Hello <b>' + fname + '</b> ' + lname;
 
    document.getElementById('result').innerHTML = html;
}
 
document.getElementById('say').addEventListener('click', say_hi);
</script>

Ответы [ 2 ]

0 голосов
/ 06 января 2019

Вы можете использовать innerText вместо innerHTML как это 

document.getElementById('result').innerText = html;
0 голосов
/ 06 января 2019 

<html>
<head>
  <title>Markup Generator</title>
</head>
<body>
 
First name: <input id="first_name">
Last name: <input id="last_name">
<button id="say">Say hi!</button>
 
<hr>
<div id="result"></div>
 
<script>
function say_hi() {
    var fname = document.getElementById('first_name').value;
    var lname = document.getElementById('last_name').value;
 
    var html = 'Hello <b>' + fname + '</b> ' + lname;
 
    document.getElementById('result').innerText = html;
}
 
document.getElementById('say').addEventListener('click', say_hi);
</script>
...