Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

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

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

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 25.10.2018, 12:47   #1
usa-1450
Пользователь
 
Регистрация: 07.01.2015
Сообщений: 70
По умолчанию Не создается элемент в браузере 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, 13:16   #2
Serge_Bliznykov
Старожил
 
Регистрация: 09.01.2008
Сообщений: 26,238
По умолчанию

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

Код:
<!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, 13:23   #3
usa-1450
Пользователь
 
Регистрация: 07.01.2015
Сообщений: 70
По умолчанию

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

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


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

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


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


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