Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.88/48: Рейтинг темы: голосов - 48, средняя оценка - 4.88
 Аватар для ayrat_net
84 / 84 / 12
Регистрация: 12.01.2011
Сообщений: 1,049

Создание и удаление нового элемента span

07.04.2011, 18:35. Показов 9921. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Нужно чтобы код яваскрипта создавал новый элемент спан присваивал ему какое-либо значние.
А ещё чтобы при других условиях этот спан удалялся
И как этот спан вставить в определённую часть кода?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
07.04.2011, 18:35
Ответы с готовыми решениями:

Создание элемента <span> внутри элемента <p>
Здравствуйте! Имеется текст в html-документе. &lt;p class=&quot;en&quot; ondblclick=&quot;getSpanElement()&quot;&gt; Portola Point, California, is a...

AJAX удаление элемента и вставка нового
Здравствуйте уважаемые ! Столкнулся с такой проблемой. Есть JS скрипт таймера, который выводится в блоке. В блоке div несколько...

Вставка нового элемента в список, удаление элемента из списка, просмотра содержимого списка
очень нужно:tender: 1. Разработать подпрограммы, реализующие основные операции обработки линейного односвязного списка: вставка нового...

7
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
07.04.2011, 18:47
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function f() {
    var foo = document.getElementById('foo');
    // создаём элемент
    var span = document.createElement('span');
    // создаём текстовый узел и добавляем его в span
    span.appendChild(document.createTextNode('lorem ipsum dolor'));
    // добавляем span в #foo
    foo.appendChild(span);
    
    alert('Добавлен. Будет удален через 10 сек');
    setTimeout(function(){
        foo.removeChild(span);
    }, 10000);
}
HTML5
1
2
<div id="foo"></div>
<input type="button" value="Add" onclick="f()" />
1
221 / 135 / 48
Регистрация: 12.04.2010
Сообщений: 248
07.04.2011, 18:56
JavaScript
1
2
3
4
5
var span = document.createElement("span"); // создаем span
span.innerHTML = "Text"; // пишем в него
var d = document.getElementById("parentid"); // получем элемент с id = parentid
d.appendChild(span); // добавить span в какой-то parentid
d.removeChild(span); // удалить оттудоваже :)
не видел, что уже ответили
1
 Аватар для ayrat_net
84 / 84 / 12
Регистрация: 12.01.2011
Сообщений: 1,049
07.04.2011, 23:08  [ТС]
А как присвоить этому созданному элементу какое небудь значение например 5 или var hu;
0
 Аватар для StagnantIce
125 / 105 / 40
Регистрация: 06.03.2011
Сообщений: 334
08.04.2011, 14:10
JavaScript
1
2
3
4
d.setAttribute('width', '120px'), d.getAttribute('width')
d.innerHTML = '<div>Div внутри span</div>'
var t = document.createTextNode('текст внутри span')
d.appendChild(t);
0
0 / 0 / 0
Регистрация: 13.12.2010
Сообщений: 6
15.05.2012, 13:05
.innerHTML всегда работает и удобней, не нужны никакие createTextNode
0
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
15.05.2012, 18:01
Цитата Сообщение от superstorm Посмотреть сообщение
.innerHTML всегда работает и удобней, не нужны никакие createTextNode
innerHTML предназначен для HTML'а, а TextNode всегда несет в себе plain-text. Сравнивать их удобность - это то же самое, что сравнивать удобность молотка и отвертки. У каждого свое собственное назначение.
0
26 / 26 / 2
Регистрация: 10.05.2012
Сообщений: 120
15.05.2012, 18:40
ayrat_net,

JavaScript
1
2
3
var sozdat = document.createElement('span');
sozdat.innerHTML = 'СОДЕРЖИМОЕ SPAN'; 
sozdat.style = 'СТИЛИ ДЛЯ SPAN';
Ходят слухи, что так...
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
15.05.2012, 18:40
Помогаю со студенческими работами здесь

Удаление элемента из упорядоченного массива и вставка нового значения
Дано упорядоченное по возрастанию массив целых чисел А (n), натуральное число k &lt;= N и целое число Р. Удалить k-й элемент массива А и...

Создание нового элемента
Здравствуйте! Создаю новый элемент справочника обработкой. Есть кусок кода для проверки на возможный дубль: Если...

Реализация добавления нового элемента в массив структур и удаление существующего
Как реализовать в этой программе добавление нового элемента и удаление существующего #include &quot;stdafx.h&quot; #include...

Создание копии нового элемента!
Нужна помощь. Такая вот проблема, есть комбокс и есть лейбл. При нажатии на лейбл должен создаваться новый комбобокс с такими же...

Создание нового элемента jquery
Добрый день, ребята, помогите пожалуйста) не могу найти ошибку в коде. Задача такая: нужно в существующую форму ввести какие-либо данные и...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru