Hi everyone,

I am trying to update the value which is stored in a particular part of my page by using the getElementsById method, followed by calling a function to update the field. However, I don’t know how to do this. The relevant parts of my code are as follows:


function text(t)
    {
      return document.createTextNode(t);
    }
function start(){

var oHelloText = text(getQuestion()); //the getQuestion method returns a string from an array
        oHelloText.id = "test";
}

function updateDetails()
    {
        document.getElementById('test') = text(getQuestion());
    }

//sometime later, call to updateDetails method.

Unsurprisingly, this doesn’t work.

Any advice?

Your updateDetails function is creating a new object with the id of 'test' that will contain the new data and NOT replacing the data in the original object created with the id of 'test'. Instead you need to retrieve the object and change it's value.

Other things to consider:
Do you have other objects that have the id of 'test'? The document.getElementByID only retrieves the first instance.

If there is only one object with the id of 'test' and you're no longer calling the create sub to update but it's still not working right then try making it's name parameter the same as it's id parameter.

Remember that if this function is called more than once then you will have more than 1 instance of an object with 'test' as the id.

With more than 1 object being named you would want to use the getElementsByName command to return an array of objects with that name parameter. How you identify them separately to update the correct instance is up to you.

Does this help point you in the right direction?