Replace text inside a div element

Question

What should i do if i need to replace the "test test" message with custom one using JavaScript?

<div class="outputmsg_container" style="" id="output_messages"><
    button class="btn btn-icon close icon-cross" onclick="GlideUI.get().clearOutputMessages(this); return false;">
        <span class="sr-only">Close Messages"</span>
            </button>
            <div class="outputmsg_div">
                <div class="outputmsg outputmsg_error notification notification-error"><img class="outputmsg_image" src="images/outputmsg_error_24.gifx" alt="">
                <span class="outputmsg_text">test test</span>
                    </div>
                    </div>
                    </div>

Possible duplicate of [How do I replace text inside a div element?](https://stackoverflow.com/questions/121817/how-do-i-replace-text-inside-a-div-element) — Heretic Monkey, Jun 01 '17 at 18:44

score 0 · Answer 1 · 2018-07-11T17:08:09.043

Use innerHTML to change the HTML inside an element.

<label for="newhtml">HTML (or text) to be inserted inside div:</label>
<br/>
<input type="text" id="newhtml"/>
<br/>
<input type="button" id="change" value="Insert" onClick="change()"/>
<br/>
<span id="container"></span>
<script>
function change(){
    document.getElementById("container").innerHTML = document.getElementById("newhtml").value;
}
</script>

score -1 · Answer 2 · answered Jun 01 '17 at 18:45

-1

Here is an example to do this with jquery.

$('.outputmsg_text').html("YOUR CUSTOM TEXT")

answered Jun 01 '17 at 18:45

Clujio

332
1
6

They did not specify that they have jQuery (and a pure JS answer is very simple for something like this) – Marie Jul 11 '18 at 17:09

score -1 · Answer 3 · answered Jun 01 '17 at 21:57

-1

Here's an example JSFiddle (REQUIRE JQUERY)

<button id="change">Change Text</button>
    <div id="div">
    Some text
    </div>
    <script>
    $("#change").click(function(){
      var name = prompt("What text shoud it be?");
      if(name){
        $("#div").html(name);
      }
    });
    </script>

answered Jun 01 '17 at 21:57

Bruno Moutinho

26
1
8

They did not specify that they have jQuery (and a pure JS answer is very simple for something like this) – Marie Jul 11 '18 at 17:09

Replace text inside a div element

3 Answers3