Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.05.2015, 00:24
Интересующийся
Отправить личное сообщение для usa-1500 Посмотреть профиль Найти все сообщения от usa-1500
 
Регистрация: 07.02.2014
Сообщений: 19

document.createElement
Тестирую свойство createElement, документа (document).


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
<style>
td select, td input {
  width: 150px;
}

label {
  display: block;
}

.error input, .error textarea {
  border: 1px solid red;
}
.error {
  color: red;
}
.myclass {border:3px solid red; 
font-size:36px; width: 115px; 
padding:10px; background:#FFCCCC; }

</style>
</head>
<body>

<div id="sos">Привет</div>
<br>
<form>
<table>
  <tr>
  <td>От кого</td>
  <td><input name="from" type="text"></td>
  </tr>
  <tr>
  <td>Ваш пароль</td>
  <td><input name="password" type="password"></td>
  </tr>
  <tr>
  <td>Повторите пароль</td>
  <td><input name="password2" type="password"></td>
  </tr>
  <tr>
  <td>Куда</td>
  <td>
    <select name="to">
      <option></option>
      <option value="1">Отдел снабжения</option>
      <option value="2">Отдел разработки</option>
      <option value="3">Директору</option>
    </select>
  </td>
  </tr>
</table>

Сообщение:
<label>
<textarea name="message" style="display:block;width:400px;height:80px"></textarea>
</label>

<input type="button" onClick="validate(this.form)" value="Проверить">
</form>

<script>

var s = document.getElementById('sos').className = 'myclass';
var mama = document.createElement('h1');
    mama.innerHTML = 'Салют!'; 
	
function showError(container, errorMessage) {
  container.className = 'error';
  var msgElem = document.createElement('span');
  msgElem.className = "error-message";
  msgElem.innerHTML = errorMessage;
  container.appendChild(msgElem);
}

function resetError(container) {
  container.className = '';
  if (container.lastChild.className == "error-message") {
    container.removeChild(container.lastChild);
  }
}

function validate(form) {
  var elems = form.elements;

  resetError(elems.from.parentNode);
  if (!elems.from.value) {
    showError(elems.from.parentNode, ' Укажите от кого.');
  }

  resetError(elems.password.parentNode);
  if (!elems.password.value) {
    showError(elems.password.parentNode, ' Укажите пароль.');
  } else if (elems.password.value != elems.password2.value) {
    showError(elems.password.parentNode, ' Пароли не совпадают.');
  }

  resetError(elems.to.parentNode);
  if (!elems.to.value) {
    showError(elems.to.parentNode, ' Укажите, куда.');
  }

  resetError(elems.message.parentNode);
  if (!elems.message.value) {
    showError(elems.message.parentNode, ' Отсутствует текст.');
  }

}

</script>


</body>
</html>


После слова "Привет", не отобразилось слово "Салют", почему?
Речь идет о фрагменте:
var s = document.getElementById('sos').className = 'myclass';
var mama = document.createElement('h1');
    mama.innerHTML = 'Салют!';
Ответить с цитированием
  #2 (permalink)  
Старый 20.05.2015, 00:33
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

usa-1500,
где s.appendChild(mama) ?
Ответить с цитированием
  #3 (permalink)  
Старый 27.05.2015, 22:19
Интересующийся
Отправить личное сообщение для usa-1500 Посмотреть профиль Найти все сообщения от usa-1500
 
Регистрация: 07.02.2014
Сообщений: 19

Написал так:

var s = document.getElementById('sos').className = 'myclass';
var mama = document.createElement('h1');
    mama.innerHTML = 'Салют!'; 
	s.appendChild(mama);


Все равно не сработало
Ответить с цитированием
  #4 (permalink)  
Старый 27.05.2015, 22:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

usa-1500,
мдааа ...
var s = document.getElementById('sos');
s.className = 'myclass';
var mama = document.createElement('h1');
    mama.innerHTML = 'Салют!'; 
	s.appendChild(mama);
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск