Marcel Rath: Dynamisches Auswechseln von Textinhalten

Beitrag lesen

Hallo,

wir befinden und in der Uni gerade bei der Einführung in DHTML. Jetzt müssen wir für eine html-Datei, deren Inhalt wir nicht ändern dürfen die js-Datei schreiben. Mit Hilfe der JS-datei sollen Inhalte dynamisch (durch window.promt) ausgetauscht werden.

Hier der body der html:
------------------------------------------
<body>
<h2>Personal information</h2>
   <div id="name">
      <p><span id="nameheading">name:&nbsp;</span>Jan Jansen</p>
   </div>
   <div id="address">
      <p><span id="addressheading">address:&nbsp;</span>Straat</p>
   </div>
   <div id="city">
      <p><span id="cityheading">city:&nbsp;</span>Emmen</p>
   </div>
   <a href="javascript:askInfo();" id="question">Enter info</a>
</body>
------------------------------------------

Jetzt sollen wir die askInfo()-Funktion in der js-datei schreiben, mittels derer man die Inhalte "Jan Jansen", "Straat", "Emmen" über window.promt() ändern kann.

Hier meine js:
------------------------------------------

function askInfo(){
var getName = getObj("nameheading");
var getAdress = getObj("adressheading");
var getCity = getObj("cityheading");

var newName = window.prompt('Type a new name:', 'name: ');
var newAdress = window.prompt('Type a new adres:', 'adres: ');
var newCity = window.prompt('Type a new city:', 'city: ');

getName.firstChild.nodeValue = newName;
getAdress.firstChild.nodeValue = newArdress;
getCity.firstChild.nodeValue = newCity;
}

//"short-cut"
function getObj(elementID){
 return document.getElementById(elementID);
}
------------------------------------------

Mein Problem ist, dass mit der js-datei nur die Texte "name:", "adress:", "city" geändert werden und nicht die Inhalte "Jan Jansen", "Straat", "Emmen". Ich denke es liegt daran, das die Inhalt nicht in den <span>-tags stehen, aber leider dürfen wir den html-body nicht verändern.

Hat jemand eine Idee??? Danke im Voraus...