Update an HTML tag innerHTML without line break

Question

I want to add a variable from javascript to HTML page. After the script is executed, it adds a new line (before the second sentence). What I want to do is to update the HTML inside the <div> tag only and continue the line without any break.

    <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

A <div> is a block-level element by default.

You can override this with CSS, but you're better off using a <span> instead, which is not a block-level element by default.

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

If you absolutely must use a div, you can use inline style:

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

Or you can define it in a stylesheet:

div#my-id { display:inline; }

Update an HTML tag innerHTML without line break

Question

1 answers

solution1
3 ACCPTED 2017-06-20 21:42:00

Update an HTML tag innerHTML without line break

Question

1 answers

solution1 3 ACCPTED 2017-06-20 21:42:00

solution1
3 ACCPTED 2017-06-20 21:42:00