Изменение кнопки, не срабатывает функция после изменения

[arahmanov]

После нажатия на кнопку с id='create' меняется и id кнопки и ее значения id становится save_base, значение Сохранить. ПРОВЕРИЛ но обработчик события document.getElementById('save_base').onclick = Show2; не работает.

<input  type='submit'   id='create'  value='Редактировать' />

document.getElementById('create').onclick = Show; document.getElementById('save_base').onclick = Show2; 
	   
function Show() {
var element = document.getElementById('create');
if (element.value == 'Редактировать') {
	
	var inp = document.createElement("input");
	inp.id = "save_base";   
	inp.type = "submit";
	inp.name = "save_base";
	inp.value = "Сохранить";
	inp.size ="30";
	
	element.parentNode.replaceChild(inp, element);
	

	}

}


function Show2() {

var element = document.getElementById('save_base');
if (element.value == 'Сохранить') {	
	var inp = document.createElement("input");
	inp.id = "create";
	inp.type = "submit";
	inp.name = "create";
	inp.value = "Редактировать";
	inp.size ="30";
	
	element.parentNode.replaceChild(inp, element);
}}

[arahmanov]

Пробую вешать

inp.onclick = "Show2()";

тоже не работает

[рони]

arahmanov,
когда создали id = "save_base" тогда и вешайте

document.getElementById('save_base').onclick = Show2

или
inp.onclick = Show2;

[Vlasenko Fedor]

А зачем менять id?

<input type='submit' id='create' value='Редактировать' />
    <script>
      create.onclick = function () {
        if (this.value == 'Сохранить') {
          //здесь делаем нужные действия
          this.value = 'Редактировать';
        } else {
          //здесь делаем нужные действия
          this.value = 'Сохранить';
        }
      }
    </script>