VPF::Текст в определенном месте документа

ilta

Дата 15.10.2012, 14:42 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 26
Регистрация: 15.10.2012

Репутация: нет
Всего: нет

Здравствуйте! Изучением javascript вплотную занялась недавно, можно сказать, новичок. Есть такая задача - нужно с помощью javascript вставить в html-документ текст, но в строго определенное место. Сам html править нельзя, задачу нужно решить средствами javascript.
Если конкретизировать задачу, то:
имеется html-документ

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Sample.html</title>
<body>
<script type="text/javascript" src="sample.js"></script>
    <div id="pun-adnav">
        <h2><span>Menu</span></h2>
        <div class="adcontainer">
            <div id="adnav-standard">
                <ul>
                    <li class="item1 isactive"><a href="index.html">Start</a></li>
                    <li class="item2"><a href="index.html">File</a>
                        <ul class="adsubnav">
                            <li><a href="#o-essentials">File1</a></li>
                            <li><a href="#o-announcement">File2</a></li>
                        </ul>
                    </li>
                    <li class="item3"><a href="index.html">Sen</a></li>
                    <li class="item4"><a href="index.html">New</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>

Есть скрипт

Код


document.write("<li class='item22'><a href='index.html'>Add menu</a></li>");

Как сделать так, чтобы пункт "Add Menu" выводился после "New"?
Заранее спасибо всем за советы!

lomaster

Дата 15.10.2012, 15:11 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 101
Регистрация: 27.5.2012

Репутация: нет
Всего: 2

Код


<script>
var __navigation = document.getElementById("pun-adnav");

var __ul = document.getElementsByTagName("ul", __navigation)[0];
__ul.innerHTML += "<li class='item22'><a href='index.html'>Add menu</a></li>";
</script>

так сойдет?

Aliance

Дата 15.10.2012, 16:52 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

appendChild

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

ilta

Дата 15.10.2012, 18:27 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 26
Регистрация: 15.10.2012

Репутация: нет
Всего: нет

Спасибо большое, это то, что мне нужно! smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »