更新HTML標記innerHTML而不換行

Question

我想從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>

Answer 1

默認情況下， <div>是塊級元素。

您可以使用CSS覆蓋它，但最好使用<span> ，而不是默認的塊級元素。

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

如果你絕對必須使用div，你可以使用內聯樣式：

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

或者您可以在樣式表中定義它：

div#my-id { display:inline; }

更新HTML標記innerHTML而不換行

問題描述

1 個解決方案

解決方案1
3 已采納 2017-06-20 21:42:00

更新HTML標記innerHTML而不換行

問題描述

1 個解決方案

解決方案1 3 已采納 2017-06-20 21:42:00

解決方案1
3 已采納 2017-06-20 21:42:00