Необходимо вставить HTML-код в какой-либо элемент.

Опубликовал: admin Monday, July 1, 2024 в категории jQuery, Подборка рецептов | Пока нет комментариев

Решение

Для решения задачи подойдет метод html() (листинг 6.1.3).

Листинг6 .1 .3 . Использование метода 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" lang="ru" xml:lang="ru">
<head>
<title>example-6-1-2</title>
<content>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="js/jquery-1.5.2.min.js" type="text/javascript"></script>
<style type="text/css"> p {
margin:5px; padding:5px;
border-bottom:1px dotted #369;
}
</style>
<script type="text/javascript">
$(function(){
$("p").html("Если здесь ввести <a href='#'>html-код</a>, он будет выполнен.");
});
</script>
</head>
<body>
<p></p>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>example-6-1-2</title>

margin:5px; padding:5px;

border-bottom:1px dotted #369;

}

</style>

$(function(){

$("p").html("Если здесь ввести <a href='#'>html-код</a>, он будет выполнен.");

});

</script>

</head>

<body>

<p></p>

</body>

</html>

Обсуждение

HTML-код из листинга 6.1.3 — это тот же самый элемент p, как и в листинге 6.1.1, но только теперь в него необходимо вставить HTML-код.

Такой же простой и код JavaScript. Находим элемент p и применяем к нему метод

html(), передавая в качестве аргумента строку.

ВНИМАНИЕ!

Обратите внимание, если в этой строке передать HTML-код, он будет выполнен.

Точно так же, как и метод text(), метод html(), начиная с версии 1.4, может принимать в качестве аргумента функцию, которая в свою очередь принимает два аргумента — индекс элемента в наборе и старый HTML-код, содержащийся в элементе.

Источник: Самков Г. А. jQuery. Сборник рецептов. — 2-е изд., перераб. и доп. — СПб.: БХВ-Петербург, 2011. — 416 с.: ил. + CD-ROM — (Профессиональное программирование)

Популярное

Категории

Необходимо вставить HTML-код в какой-либо элемент.

Решение

Обсуждение

Похожие посты:

Комментировать Cancel reply