Свойства и методы управления содержимым

Свойства и методы управления содержимым

Свойства:

  • innerText – заменяет текст, содержащийся в элементе;
  • outerText – заменяет весь элемент;
  • innerHTML – заменяет текст и код элемента;
  • outerHTML заменяет весь текст и код.

Пример. Имеется заголовок третьего уровня

<h3 id=»heading1″>Старый заголовок</h3>

Далее в скрипте JavaScript даем командуы

objHead1=document.all[«Heading1″]

objHead1.innerText=»Новый заголовок »

Методы:

  • insertAdjacentText(положение, текст) – вставляет только текст;
  • insertAdjacentHTML(положение, текст) – вставляет текст и HTML.

Варианты положения: BeforeBegin, AfterBegin, BeforeEnd, AfterEnd.

Пример. objHead1.incertAdjacentText(“AfterBegin”, “Привет”).

Пример реализации раскрывающихся списков с использованием приведенных свойств и методов.

<html>

<head>

<title>

Раскрывающийся список с использованием Inner

</title>

<script>

i1t=0

i2t=0

i3t=0

function qwe()

{

Obj=window.event.srcElement

if(Obj.id.length==2)

{ if(eval(Obj.id+»t==0″))

{

Obj.insertAdjacentHTML(«BeforeEnd»,document.all[Obj.id+»1″].innerHTML)

eval(Obj.id+»t=1″) }

else

{

Obj.children[0].outerHTML=»»

eval(Obj.id+»t=0″)}

}

}

</script>

 

</head>

Раскрывающийся список сиспользованием Inner

<div id=i11 style=»display:none»><ul><li>1.1<li>1.2<ul>   </div>

<div id=i21 style=»display:none»><ul><li>2.1<li>2.2<ul>   </div>

<div id=i31 style=»display:none»><ul><li>3.1<li>3.2<ul>   </div>

<ul onClick=»qwe()»>

<li id=i1>1

<li id=i2>2

<li id=i3>3

</ul>

</html>

Поделиться:
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Facebook
  • Twitter
  • LiveJournal
  • FriendFeed
  • В закладки Google
  • Google Buzz
  • Яндекс.Закладки
  • StumbleUpon
  • Technorati
  • БобрДобр
  • Memori.ru
  • МоёМесто.ru