JavaScript use HTML Tags [duplicate]

Question

i would like to ask how i can work with html tags e.g. <h1> or <b> in JavaScript?

My Code :

document.addEventListener('DOMContentLoaded', function() {
  if (window.location.href.indexOf("/login?from=") !== -1) { 
    var hint=document.createTextNode("<b>Hello</b>"); 
    var node = document.getElementById("main-panel"); 
    node.insertBefore(hint, node.firstChild); 
  }
})

But they show the text string <b> hello </b> and does not make it big .

i can only work in a js file i dont have the opportunities to work with div tags in html file

Because you insert it as text. Try innerHTML instead OR document.createElement("b") and appendChild — mplungjan
– mplungjan, Commented Jun 6, 2018 at 11:11

Ashish Ranjan · Accepted Answer · 2018-06-06 11:12:09Z

5

First create an element b and the add the desired text to it.

var bold = document.createElement('b')
bold.innerHTML = "hello"
var parent = document.getElementById("haha");
parent.appendChild(bold)

<div id="haha">put the text here
</div>

answered Jun 6, 2018 at 11:12

Ashish Ranjan

13k5 gold badges32 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

M. Max Over a year ago

The Problem i only have an js file and can work in the JS File i dont have an html file where i can paste the div tag.

Ashish Ranjan Over a year ago

@M.Max: Aren't you fetching the node from HTML here? : var node = document.getElementById("main-panel"); you do have an element with main-panel id.

jorgehvieirasilva · Accepted Answer · 2018-06-06 11:41:13Z

-1

You can use this script:

        <script>
        document.addEventListener('DOMContentLoaded', function() {
        if (window.location.href.indexOf("/login?from=") !== -1) { 
           var hint = '<b>Hello</b>';
           document.write(lines);
           var node = document.getElementById("main-panel"); 
           node.insertBefore(hint, node.firstChild); 
       }
       })   
       </script>

I tested and it worked.

edited Jun 6, 2018 at 11:41

answered Jun 6, 2018 at 11:12

jorgehvieirasilva

247 bronze badges

2 Comments

M. Max Over a year ago

How i can use this one in my example because if i change the line var hint=document to var lines they show me only the messsage and not the requested page

jorgehvieirasilva Over a year ago

I change my answer above, please check.

Collectives™ on Stack Overflow

JavaScript use HTML Tags [duplicate]

2 Answers 2

2 Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Linked

Related