добавить элемент после li
Добрый день,
Пытаюсь сделать с помощью innerHTML, ни как не получается. Хочу, чтобы после <li class="selected"> автоматически добавлялся элемент <span class="selected_t"></span> и получалось в итоге: <li class="selected"> <span class="selected_t"></span> Помогите плз |
|
<script>
var ul = document.body.children[0];
var li = ul.children[2];
li.insertAdjacentHTML("beforeBegin", "<span class="selected_t"></span>");
</script>
из учебника попробывал, тоже не получается и
<script>
document.getElementById('selected').innerHTML+='<li class="selected"><span class="selected_t"></span>'
</script>
<div id='selected'> <li class="selected"> </div> <li class="selected"> <span class="selected_t"></span> но тут не получается т.к. тэг </li> выходит за div |
1baddog1,
<!DOCTYPE html>
<html lang="en">
<head>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<li class="selected"></li>
</body>
</html>
<script>
$(".selected").after("<span class='selected_t'></span>");
</script>
|
Цитата:
<li class="selected"></li> <span class='selected_t'></span> а я как раз пытаюсь сделать, чтобы было так: <li class="selected"> <span class='selected_t'></span> </li> |
Цитата:
|
1baddog1,
<ul>
<li class="selected">
<ul>
<li></li>
</ul></li>
</ul>
<script>
var li = document.querySelector("li.selected")
li.insertAdjacentHTML("afterBegin", "<span class='selected_t'></span>");
</script>
|
Цитата:
|
AciDWarrioR,
<!DOCTYPE html>
<html lang="en">
<head>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<li class="selected">
<ul>
<li></li>
</ul></li>
<script>
$(".selected").prepend("<span class='selected_t'></span>");
</script>
</body>
</html>
[HTML run][/HTML]- run чтобы запустить код |
Цитата:
|
| Часовой пояс GMT +3, время: 19:14. |