Change HTML name attribute using JavaScript

Question

On the press of a div (which I made into a button with other code) I would like the following code:

<div id="w1" name="w1-0" onclick="weekclick(id)">1<br /></div>

...for the name to change from name="w1-0" to name="w1-1"

I'm using the following JavaScript:

function weekclick(id)
{    
 document.getElementById(id).input.name = "w1-1";
}

When I alert the id's name attribute, it says it is undefined. What do?

Div elements do not have a name attribute, and DivElementNode objects do not have an input property. Div elements are designed to be generic containers, if you want a button, then use a <button>. — Quentin
– Quentin, Commented Feb 25, 2012 at 19:47
What is the name attribute used for? What's it's purpose on the page? — Jared Farrish
– Jared Farrish, Commented Feb 25, 2012 at 19:55
@JaredFarrish It's used to pass values to the server (in the format name=value), via GET or POST methods on a FORM. — Rodrigo
– Rodrigo, Commented Feb 11, 2020 at 12:39

Yaron U. · Accepted Answer · 2012-02-25 19:54:56Z

22

see code below:

<div id="w1" name='w1-0' onclick="weekclick(id)">1<br /></div>
<div onclick="weekclick('w1');">click me</div>

<script type="text/javascript">
function weekclick(id) {    
    document.getElementById(id).setAttribute("name","w1-1");
}
</script>

link to fiddle - http://jsfiddle.net/TH9C2/

(remove the alert line from the fiddle - it is just there to show you that it works)

answered Feb 25, 2012 at 19:54

Yaron U.

7,9333 gold badges33 silver badges45 bronze badges

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

2 Comments

Jared Farrish Over a year ago

"fiddle attached" Why not "See code below (with link to fiddle)."?

Yaron U. Over a year ago

changed the answer - satisfied now? :)

silly · Accepted Answer · 2012-02-25 19:50:08Z

2

first of all change your call in the html to this user this.id and not just id:

<div id="w1" name='w1-0' onclick="weekclick(this.id)">1<br /></div>

than make your js like this (remove .input and use setAttribute):

function weekclick(id) {    
    document.getElementById(id).setAttribute('name', 'w1-1');
}

EDIT or you you change your call in html to this:

weekclick(this)

and your js function have to be like this:

function weekclick(domElement) {    
    domElement.setAttribute('name', 'w1-1');
}

answered Feb 25, 2012 at 19:50

silly

7,8972 gold badges26 silver badges37 bronze badges

Collectives™ on Stack Overflow

Change HTML name attribute using JavaScript

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related