更新HTML标记innerHTML而不换行

时间:2017-06-20 21:36:56

标签: javascript html

我想在javascript中添加一个变量到HTML页面。执行脚本后,它会添加一个新行(在第二个句子之前)。我想要做的是仅更新<div>标记内的HTML并继续该行而不会中断。

    <html> 
    <body> 
    <p> Some text here <div id="my-id">my text</div>. Other text here.</p>
    <script>
    document.getElementById("my-id").innerHTML = "Add my text here";
    </script>
    </body>
    </html>

1 个答案:

答案 0 :(得分:3)

默认情况下,app.post('/recorded', (req, res) => { console.log(req.body); //body of the request in javascript object format }) block-level element

您可以使用CSS覆盖它,但最好使用<div>,而不是默认的块级元素。

<span>

如果你绝对必须使用div,你可以使用内联样式:

<span id='my-id'></span>

或者您可以在样式表中定义它:

<div style='display:inline' id='my-id'></div>