Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > Текст в определенном месте документа


Автор: ilta 15.10.2012, 14:42
Здравствуйте! Изучением 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
Код

<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
http://javascript.ru/tutorial/dom/modify#dobavlenie-v-konkretnoe-mesto

Автор: ilta 15.10.2012, 18:27
Спасибо большое, это то, что мне нужно! smile 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)