Question

如果我使用段落元素，则行不会中断，但如果我使用textarea元素，则换行符。这是为什么？

HTML：

<div id="requirement_7">
    <h3> Requirement #7</h3>
    <p>Press "Show Array" button to see an array created with JSON.<br>
    It will show A state, the capital and quailty rating.</p>
    <button type="button" id="array_button" onclick="JSONArray()">Show Array</button>
    <p id="array_text"></p>
</div>

的javascript：

function JSONArray(){
    var text = '{"stateCapital":['+
        '{"stateName":"Texas", "stateCapital":"Austin", "qualityRating":"10"},'+
        '{"stateName":"Virginia", "stateCapital":"Richmond", "qualityRating":"7"},'+
        '{"stateName":"California", "stateCapital":"Sacremento", "qualityRating":"7"},'+
        '{"stateName":"Coloroado", "stateCapital":"Denver", "qualityRating":"10"} ]}';

    var obj = JSON.parse(text);

    document.getElementById("array_text").innerHTML =
    obj.stateCapital[0].stateName + " " + obj.stateCapital[0].stateCapital + " "
    + obj.stateCapital[0].qualityRating + "\n" +

    obj.stateCapital[1].stateName + " " + obj.stateCapital[1].stateCapital + " "
    + obj.stateCapital[1].qualityRating + "\n" +

    obj.stateCapital[2].stateName + " " + obj.stateCapital[2].stateCapital + " "
    + obj.stateCapital[2].qualityRating + "\n" +

    obj.stateCapital[3].stateName + " " + obj.stateCapital[3].stateCapital + " "
    + obj.stateCapital[3].qualityRating;
}

我有＆＃34; \ n＆＃34;在我的脚本中创建换行符。我很困惑为什么它在一个元素而不是另一个元素中起作用？

Answer 1

您必须使用＆lt; br＆gt;在段落中换行。

如果您不想更改＆＃39; \ n＆＃39;到＆lt; br＆gt;你可以使用＆lt; pre＆gt;标签代替＆lt; p＆gt;标签

参考doc：
http://www.w3schools.com/html/html_paragraphs.asp
http://www.w3schools.com/tags/tag_pre.asp

javascript

1 个答案: