How do I change HTML element: show "input" instead of "a"?

Apple1

Hello!

I would like to switch elements on the fly.
Dynamicly turn "A" elenent an "input" tag.

This is what I tried:

Expand|Select|Wrap|Line Numbers

 <html>

<head>

<script>

function insertTableRow(ref, arg)

{ 

    var whichID = ref.parentNode.id;
 
    if (arg=='header'){

        document.getElementById(whichID).Element='input';

//        document.getElementById(whichID).class='prodDesc';

        document.getElementById(whichID).style.display='';

        document.getElementById(whichID).TYPE='text';

        document.getElementById(whichID).NAME='descriptionHeader';

        document.getElementById(whichID).VALUE='new Header Content';

    }

}

</script>

</head>

<body>

<span id="menuoutline">incert in table: 

            <a id="menuoutlineAHeader" href="#" onclick="insertTableRow(this, 'header')">header</a>

            </span><BR>

</body>

Could you please help make it work?

pbmods

Heya, Apple1. Welcome to TSDN!

Instead of giving yourself massive headaches, simply add an INPUT with style="display:none;" to your HTML manually, then make insertTableRow() make the A invisible and the INPUT visible.

gits

Yes ... that would be my recommendation too ;) ... however: in case you want the replacement ... you may play with the replaceChild()-method to achieve your goal ...

kind regards

Apple1

Thanks guys!

I had to leave my city for a couple of days. Your first advice was really helpful. Actually, I tried the second too, but it seemed to be way too complex for me (you were right).

Thanks again!

pbmods

Heya, Apple.

Glad to hear you got it working! Good luck with your project, and if you ever need anything, post back anytime :)

How do I change HTML element: show "input" instead of "a"?

re: How do I change HTML element: show "input" instead of "a"?

re: How do I change HTML element: show "input" instead of "a"?

re: How do I change HTML element: show "input" instead of "a"?

re: How do I change HTML element: show "input" instead of "a"?

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about