i want to find out control name using its id

Question

i have crated a text-box, which has an id, i want to know, is it possible to find out control name using getElementbyId.

<!doctype html>
<html lang="en">
    <body>
        <script type="text/javascript" language="javascript">
            var a = document.getElementById('first').type;
            document.write(a);
        </script>
        <input type="text" id="first"></input>
    </body>
</html>

what you mean by control name? you want to know what kind of control it is(eg:input, li,select, button etc )? or you want to read the property of the element(eg:name, id, class etc)? — Gilson PJ, Mar 15 '16 at 07:44
`document.getElementById('first').name`, but in your case it will be empty string — Gene R, Mar 15 '16 at 07:45
@Gilson PJ i want to know what kind of control it is,plz help — Abhishek Kumar, Mar 15 '16 at 09:21

gurvinder372 · Answer 1 · 2016-03-15T09:39:44.237

1

is it possible to find out control name using getElementbyId.

You need to getAttribute of the element and

var element = document.getElementById('first');
alert(element.getAttribute("type")); //alerts its type attribute
alert(element.getAttribute("name")); //alerts its name attribute
alert(element.nodeName); //alerts its name

full example

<!doctype html>
<html lang="en">
<body>

<input type="text"  id="first" name="firstName">

 <script>
   var element = document.getElementById('first');
   alert(element.getAttribute("type"));
   alert(element.getAttribute("name"));
</script>


</body>
</html>

Observe that script tag is after the text input tag since unless the tag is loaded onto the DOM, DOM API (document.getElementById) will not be able to pick it up.

edited Mar 15 '16 at 09:39

answered Mar 15 '16 at 07:18

gurvinder372

66,980
10
72
94

thanks..it is working – Abhishek Kumar Mar 15 '16 at 07:23
Why `type="text/javascript" language="javascript"`? – Mar 15 '16 at 07:50
@torazaburo removed it – gurvinder372 Mar 15 '16 at 07:51
Now can you remove ` – Mar 15 '16 at 07:53
i cannot find the control name with select and image – Abhishek Kumar Mar 15 '16 at 09:16
@AbhishekKumar didn't get you. what do you mean by control name with select and image? – gurvinder372 Mar 15 '16 at 09:40

score -1 · Answer 2 · answered Mar 15 '16 at 07:27

-1

i made this fiddle as example: https://jsfiddle.net/z0vdhp1m/

few posibble problems: input tag is not paired

    <input .... />

it's more clear to acces via getAttribute('type') than .type, but should work anyway.

document.write doesn't work on jsfiddle so i didn't test that, but if you were just to print it, then i suggest:

          alert();

or

          console.log()

answered Mar 15 '16 at 07:27

Jimmmy

579
12
26

`input` tag does not require closing. – Mar 15 '16 at 07:41

i want to find out control name using its id

2 Answers2