Change HTML Object using JavaScript

Question

I am trying to develop a site that on entering a value into an input changes page content. I have gotten this to work with my photos. I am pulling text from a .txt file using HTML "Object".

I want to change the file path for the text file using the input as the parent folder. I tried using inner.html, and setting the id data = but neither worked.

I'm open to any suggestions.

function myFunction() {
  var x = document.getElementById("stud").value ;
  var a = x + "/img1.jpg" ;
  var b = x + "/img2.jpg" ;
  var text_hold = x + "/text/text.txt" ;
  img1.src= a ;
  img2.src= b ;
  document.getElementById("content").innerHTML = "data='jeff/stock/text/text.txt'" ;
}

forgot the element <div><object id="content" data="stock/text/text.txt"></object></div> — matt_739
– matt_739, Commented Mar 31, 2016 at 1:52

Barmar · Accepted Answer · 2016-03-31 01:58:37Z

1

data is an attribute, it's not the HTML contents of the object. Use setAttribute to set it.

document.getElementById('content').setAttribute('data', 'jeff/stock/text/text.txt');

answered Mar 31, 2016 at 1:58

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

Collectives™ on Stack Overflow

Change HTML Object using JavaScript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related