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

@ayrat_net · Регистрация: 12.01.2011

Студворк — интернет-сервис помощи студентам

Нужно чтобы код яваскрипта создавал новый элемент спан присваивал ему какое-либо значние.
А ещё чтобы при других условиях этот спан удалялся
И как этот спан вставить в определённую часть кода?

Vovan-VE · 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()" />

@uggway · 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); // удалить оттудоваже :)

не видел, что уже ответили

@ayrat_net · 07.04.2011, 23:08 **[ТС]**

А как присвоить этому созданному элементу какое небудь значение например 5 или var hu;

@StagnantIce · 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);

@superstorm · 15.05.2012, 13:05

.innerHTML всегда работает и удобней, не нужны никакие createTextNode

Vovan-VE · 15.05.2012, 18:01

Сообщение от superstorm

.innerHTML всегда работает и удобней, не нужны никакие createTextNode

innerHTML предназначен для HTML'а, а TextNode всегда несет в себе plain-text. Сравнивать их удобность - это то же самое, что сравнивать удобность молотка и отвертки. У каждого свое собственное назначение.

@Воваша · 15.05.2012, 18:40

ayrat_net,

JavaScript
1
2
3
var sozdat = document.createElement('span');
sozdat.innerHTML = 'СОДЕРЖИМОЕ SPAN'; 
sozdat.style = 'СТИЛИ ДЛЯ SPAN';

Ходят слухи, что так...

Новые блоги и статьи Все статьи Все блоги /
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .	Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .

@ayrat_net 84 / 84 / 12 Регистрация: 12.01.2011 Сообщений: 1,049

	Создание и удаление нового элемента span 07.04.2011, 18:35. Показов 9943. Ответов 7 Метки нет (Все метки) Нужно чтобы код яваскрипта создавал новый элемент спан присваивал ему какое-либо значние. А ещё чтобы при других условиях этот спан удалялся И как этот спан вставить в определённую часть кода? 0

@ayrat_net 84 / 84 / 12 Регистрация: 12.01.2011 Сообщений: 1,049
	07.04.2011, 23:08 [ТС]
	А как присвоить этому созданному элементу какое небудь значение например 5 или var hu; 0

@superstorm 0 / 0 / 0 Регистрация: 13.12.2010 Сообщений: 6
	15.05.2012, 13:05
	.innerHTML всегда работает и удобней, не нужны никакие createTextNode 0