Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 25.10.2018, 13:47   #1
usa-1450
Пользователь
 
Регистрация: 07.01.2015
Сообщений: 44
Репутация: 10
По умолчанию Не создается элемент в браузере Chrome

Не выводится созданный объект в браузере ХРОМ, во всех остальных работает.

Код:

<!DOCTYPE html>
<html>
  <head>
    <title>Добавление элементов</title>
  </head>
  <body>
   В этом документе содержится только этот текст.
	<br><br>
    <script>
	  function O(i) {return typeof i == 'object' ? i : document.getElementById(i)}
      function S(i) { return O(i).style }
	  
      alert('Для добавления элемента щелкните на кнопке OK')
      newdiv    = document.createElement('div')
      newdiv.id = 'NewDiv'
      document.body.appendChild(newdiv)
      S(newdiv).border = 'solid 1px red'
      S(newdiv).width  = '100px'
      S(newdiv).height = '100px'
      newdiv.innerHTML = "Это новый объект, вставленный в DOM"
      tmp              = newdiv.offsetTop
      alert('Для удаления элемента щелкните на кнопке OK')
      pnode = newdiv.parentNode
      pnode.removeChild(newdiv)
      tmp = pnode.offsetTop 
    </script>
  </body>
</html>

offsetTop не срабатывает почему-то, странное явление.
usa-1450 вне форума   Ответить с цитированием
Старый 25.10.2018, 14:16   #2
Serge_Bliznykov
МегаМодератор
СуперМодератор
 
Регистрация: 09.01.2008
Сообщений: 24,495
Репутация: 5308
По умолчанию

я не понимаю, что и зачем Вы пытаетесь добиться этим кодом.
Может быть, так устроит?

Код:

<!DOCTYPE html>
<html>
  <head>
    <title>Добавление элементов</title>
  </head>
  <body>
   В этом документе содержится только этот текст.
	<br><br>
    <script>
	  function O(i) {return typeof i == 'object' ? i : document.getElementById(i)}
      function S(i) { return O(i).style }
	  
      alert('Для добавления элемента щелкните на кнопке OK')
      var newdiv    = document.createElement('div')
      newdiv.id = 'NewDiv'
      document.body.appendChild(newdiv)
      S(newdiv).border = 'solid 1px red'
      S(newdiv).width  = '100px'
      S(newdiv).height = '100px'
      newdiv.innerHTML = "Это новый объект, вставленный в DOM"
      var tmp              = newdiv.offsetTop
      setTimeout(function(){ 
        alert('Для удаления элемента щелкните на кнопке OK')
	pnode = newdiv.parentNode
        pnode.removeChild(newdiv)
        tmp = pnode.offsetTop 
      }, 10);
      
    </script>
  </body>
</html>

Serge_Bliznykov вне форума   Ответить с цитированием
Старый 25.10.2018, 14:23   #3
usa-1450
Пользователь
 
Регистрация: 07.01.2015
Сообщений: 44
Репутация: 10
По умолчанию

Благодарю, но в Хроме почему-то вначале пустой экран при запуске странички, отсутствует текст " В этом документе содержится только этот текст."
На всех остальных браузерах этот текст появляется при старте.
usa-1450 вне форума   Ответить с цитированием
Старый 25.10.2018, 14:51   #4
Serge_Bliznykov
МегаМодератор
СуперМодератор
 
Регистрация: 09.01.2008
Сообщений: 24,495
Репутация: 5308
По умолчанию

Цитата:
Сообщение от usa-1450 Посмотреть сообщение
Благодарю, но в Хроме почему-то вначале пустой экран при запуске странички, отсутствует текст " В этом документе содержится только этот текст."
думаю, хром оптимизирует выполнение по скорости


Цитата:
Сообщение от usa-1450 Посмотреть сообщение
На всех остальных браузерах этот текст появляется при старте.
не на всех. на Yandex browser то же поведение, что и в хроме.
ну, собственно, они же на одном движке, если не ошибаюсь.

а вообще, я повторю - меняйте подход, алгоритм работы скрипта.
Ведь Вы для чего-то данный пример написали? Для чего? Что Вы пытаетесь сделать таким образом?
Зачем Вам что-то видеть до выполнения alert'ов? В реальном проекте Вы же не будете использовать Alert'ы?
И вообще, для кнопок в HTML есть совсем другие элементы.
Serge_Bliznykov вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сайт в браузере Chrome Android Dimbos HTML и CSS 2 06.05.2016 19:47
XSD: Атрибут не объявлен / Элемент имеет недопустимый дочерний элемент Lucien_Lachance Помощь студентам 2 14.06.2015 19:51
Вывод элементов списка по правилу: текущий элемент, предыдущий элемент java_shkiper Помощь студентам 4 14.10.2013 17:42
Одномерный массив. Необходимо заменить последний положительный элемент на второй элемент массива кумитэ Паскаль 1 19.12.2011 16:44
Как сделать так, чтобы в моем браузере новое окно страницы открывалось в моем-же браузере??? Somilya Помощь студентам 6 22.12.2009 22:56


19:48.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru