Is it possible to put another div or HTML element replacing "Hello World" text?

Question

 <body onload="myfunction('target')"><div id="target"> "Hello World" </div></body>

Is It Possible To Put Another Div Or HTML Element Replacing "Hello World" Text? Hello World is a Left To Right Marquee Text

<script language="javascript">
  function myfunction(id) {
    var element = document.getElementById(id);
    var textnode = element.childNodes[0];
    var text = textnode.data;

    setInterval(function() {
      text = text[text.length - 1] + text.substring(0, text.length - 1);
      textnode.data = text;
    }, 400)
  }
</script>

so you want to replace what's inside your `div #target` with some other HTML tag ? — jonatjano, Aug 29 '18 at 07:40
What exactly are you trying to make this code do? What does it do instead? — xec, Aug 29 '18 at 07:40
Looks like on load it will load Hello World. Is it you are intending to replace div on user action like click or hover? — Vinit Desai, Aug 29 '18 at 07:43
Do you want to change the text with any HTML elements? If you are using jQuery you cab simply do it by $("#target").html("
ANY HTML CONTENTS
"); — Akshay Bajpei, Aug 29 '18 at 07:44
Possible duplicate of [Is it possible to vertically align text within a div?](https://stackoverflow.com/questions/9249359/is-it-possible-to-vertically-align-text-within-a-div) — Mahfuz Hussain, Aug 29 '18 at 15:34
@Mahfuz how is that even related? Did you read that question or even your own? — Nick is tired, Aug 30 '18 at 07:44

score 0 · Answer 1 · answered Aug 29 '18 at 07:43

0

If you're just trying to replace the text that is in the innerHTML/innerText querying the HTML element and simply setting it's innerHTML/innerText to the new value will suffice.

Example: const myElement = document.getElementByTagName('h1') myElement[0].innerHTML = 'new value'

answered Aug 29 '18 at 07:43

drparker

1

The code is already rewriting the text inside the element, (try the "run code snippet" in the question) – xec Aug 29 '18 at 07:45

score 0 · Answer 2 · answered Aug 29 '18 at 07:51

0

if you want to change html inside div and change to another div or text or any html you can do like this you don't need to replace

$('#target').html('<div class="col-md-2"></div>');

and if you want to replace then you can do like this

$('#target').html().replace("hello",'<div class="col-md-2"></div>');

answered Aug 29 '18 at 07:51

Ahmed Sunny

2,160
1
21
27

1

`.replace()` creates a new string, it will not write the new content to the element – xec Aug 29 '18 at 08:03

importantaccount1 · Answer 3 · 2018-08-29T08:00:36.293

0

innerHTML should do the trick, if you are trying to add html elements:

Here is the working example of your code snippet:

https://codebrace.com/editor/b15cd15b3

Example:

...
element.innerHTML = "<span style='color: red; background-color:yellow;'>" + text + "</span>";
...

edited Aug 29 '18 at 08:00

answered Aug 29 '18 at 07:56

importantaccount1

26
5

score 0 · Answer 4 · answered Aug 29 '18 at 08:16

html code

<body onload="myfunction()">
  <div id="target"> Hello World </div>
</body>

javascript code

function myFunction() {
    var str = document.getElementById("target").innerHTML; 
    var res = str.replace("Hello World", "testing");
    document.getElementById("target").innerHTML = res;
}

myFunction();

Replacing the helloworld html to testing html using onload function.

Is it possible to put another div or HTML element replacing "Hello World" text?

4 Answers4