How to set the innerHTML of an element from another file using javascript?

Question

I am trying to set the value of HTML file using a javascript of another HTML file.

for example :

html1.html 
js1.js // this is for html1.html

html2.html // inside this html file, I wanted to set the value and innerHTML of 1 element using js1.js

for example element:

 <input id="cID" name="cID" type="text" class="required form-control">

IS there anyway to achieve it??

Thank you and Regards,

How will you take the html form one page to another using JS ? generally we pass only values from one page to another using querystring or session etc ! What are you trying to achieve ! — Vinod kumar G
– Vinod kumar G, Commented Aug 9, 2019 at 6:56
@VinodkumarG , on the comment beside html2.html sir, I want to achieve on how to set the value of element inside html2.html using the javascript of html1.html — Drake Matthew
– Drake Matthew, Commented Aug 9, 2019 at 6:59
you can't do that. you can only load html2.html into thml1.html and change it there. but it won't be saved. — cloned
– cloned, Commented Aug 9, 2019 at 7:13
You can set value in localStorage or globally and then use it. But for that also you need a separate js file for html2 — Kiran Shinde
– Kiran Shinde, Commented Aug 9, 2019 at 7:42

Nomis · Accepted Answer · 2019-08-09 10:10:30Z

2

That's at least really impractical.

HTML pages "aren't made"(well, it's what I want any new dev to think anyway) to communicate with each others. Sure, you can make it happen by either using iframe/popup/localStorage/cookies. But it usually is a bad solution to any problem you're having, with another simpler/better/stronger solution waiting for you to find it.

In details :

Iframe solution : call html2 inside html1 and use iframe.contentWindow
Popup solution : generate html2 from html1 with window.open
localStorage and cookie : necessitate a js in html2.html, then just stock the value in html1 and get it back in html2 (cookie doc, localStorage doc)

Usually better solutions to problems generating this kind of question :

include js1.js in html2, nothing prevent you from including one JS multiple time (best solution, IF it's sufficient to solve the issue)
use a server-side solution like template, session, include, ajax... (nearly always the best solution if posssible)
just use one html, and change its content in JS (nearly always the best solution if solution 2 isn't possible)

answered Aug 9, 2019 at 10:10

Nomis

9047 silver badges12 bronze badges

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

1 Comment

Drake Matthew Over a year ago

Thank you sir.. I'll try to make it work with localstorage.

Collectives™ on Stack Overflow

How to set the innerHTML of an element from another file using javascript?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related