How to access elements written by javascript to DOM

Question

I've got the following code, which writes radiobuttons through javascript to HTML

document.write('<input type="radio" name="AnswerA" />' + res.rows[jsonCounter][1]);

Say, I want to access this AnswerA field and find out if it's been selected, I can try :

    if(document.getElementById('AnswerA').checked) {
    }

But this doesn't seem to work - can anyone see what I'm doing wrong?

The element is missing the id attribute. So document.getElementById('AnswerA') fails. — Alberto De Caro, Sep 03 '14 at 10:03

score 3 · Answer 1 · answered Sep 03 '14 at 10:05

3

You need to set an id on the new DOM element for document.getElementById to use:

document.write('<input type="radio" name="AnswerA" id="AnswerA" />' + res.rows[jsonCounter][1]);

answered Sep 03 '14 at 10:05

jim0thy

I tried adding this, but my if statement still doesn't run – MattTheHack Sep 03 '14 at 10:10
Try adding the input using `document.createElement` instead. – jim0thy Sep 03 '14 at 10:18
this works different to document.write, yes? I have to add it to a form I think – MattTheHack Sep 03 '14 at 10:26
No, you just need a parent element to add it to (which can be the document). See this answer for an example: [http://stackoverflow.com/a/1936533/105045](http://stackoverflow.com/a/1936533/105045) – jim0thy Sep 03 '14 at 10:28

score 1 · Answer 2 · edited Sep 03 '14 at 10:26

1

Add id in your DOM element. It will work.

document.write('<input type="radio" id="AnswerA" name="AnswerA" />' + res.rows[jsonCounter][1]);

edited Sep 03 '14 at 10:26

Alberto De Caro

answered Sep 03 '14 at 10:07

Karan Patyal

I tried adding this, but my if statement still doesn't run – MattTheHack Sep 03 '14 at 10:16

2 Answers2