Question

我有一个使用Ionic v1创建的问答网站。我的问题是我想在我的一个对象的“问题”中添加一个<br><br/>，但无法正常工作。我尝试添加“ \ n”，但该方法无效。我也尝试过：

var quizArray = string.split('~');
var finalString = quizArray.join('<br/>');

document.getElementById('yourIdHere').innerHTML = finalString;

效果不佳。还有其他方法可以将换行符添加到数组中的特定值吗？这是我的代码

JavaScript

var marksman = [{
"question": "The 13 American colonies<br><br/>belonged to what European power?",
    "answer1": "Prussia",
    "answer2": "Great Britain",
    "answer3": "France",
    "answer4": "Spain",
    "correctAnswer": "Great Britain",
    "explanation": "After defeating the French and Spanish during the Seven Years War, Great Britain controlled not only the original 13 colonies but also all of America east of the Mississippi River except for New Orleans.",

}];

HTML

<h2 style="color:#32575E;" class="question" id="question"></h2>

Answer 1

您的字符串是否真的包含~在您想换行的位置，您的代码似乎可以正常工作：

var string = "line 1~line 2";
var quizArray = string.split('~');
var finalString = quizArray.join('<br/>');

document.getElementById('yourIdHere').innerHTML = finalString;

<div id="yourIdHere"></div>

您可以将~替换为<br/>：

var string = "line 1~line 2";
var finalString = string.replace("~", "<br/>");

document.getElementById('yourIdHere').innerHTML = finalString;

<div id="yourIdHere"></div>

将换行符添加到javascript数组中的值

1 个答案: