Создание сайта на лету с помощью getElementById?

Я пытаюсь создать веб-сайт "на лету" с помощью JavaScript, но не могу заставить мою функцию getElementById работать правильно. Я немного пошутил, нашел примеры и попытался без успеха заставить их работать (большинство из них не использовали внешний файл .js). Ниже приведен код моего JavaScript и HTML:

HTML:

<title>Final Project</title>


<form name="myForm">
<p>JavaScript:</p>
<pre class="prettyprint linenums">var firstName = ("RicK");
var courseName = ("WEB 180");
function myHeading()
{
document.getElementById('header').write = (firstName + lastName);
}
5 ответов

  • Код JavaScript, который должен иметь доступ к определенным элементам DOM, должен прийти после элементов в HTML, в противном случае элементы еще не сгенерированы в DOM (при условии, что код JavaScript, который вы написали находится в finalProj.js):

    <form name="myForm"><code>
     
     
     <!-- can access myHeader now -->
     
    </code></form>
  • Не знаю о свойстве write, но innerHTML должен сделать это:

    document.getElementById('myHeader').innerHTML = firstName + lastName;

    И, конечно, вы также должны называть myHeading()!


Идентификатор, указанный вами, и идентификатор заголовка, который он похож на ваш выбор, не совпадают. У вас есть:

и

document.getElementById('header').write = (firstName + lastName);

Вам нужно изменить это на:

document.getElementById('myHeader').write = (firstName + lastName);


document.getElementById('myheader').innerHTML = "(" + firstName + ' ' + lastName + ")";

?


Требуемое свойство innerHTML (и вы можете опустить скобки):

document.getElementById('myHeader').innerHTML = firstName + lastName;


попробуйте что-то вроде этого:

var firstName = "RicK";
var courseName = "WEB 180";
function myHeading() {
 document.getElementById('header').innerHTML = firstName + " " + lastName;
}

licensed under cc by-sa 3.0 with attribution.