<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Вивід тексту</title>
</head>
<body>
<p id="out">Тестова сторінка</p>
<hr>
<button onclick="out()">Пуск</button>
<script src="1.js"></script>
</body>
</html>
в) p.insertAdjacentHTML('beforeEnd',' Hello'); //beforeEnd - перед закриваючим тегом
г) p.insertAdjacentHTML('afterEnd',' Hello'); //afterEnd - після закриваючого тега
4. Замінити на текстовий блок з класом
p.outerHTML = '<div class="one">Hello</div>';
<html>
<head><meta charset="UTF-8">
<title>Вивід тексту</title>
</head>
<body>
<p id="out">Тестова сторінка</p>
<hr>
<button onclick="out()">Пуск</button>
<script src="1.js"></script>
</body>
</html>
1.js
function out(){
var p;
p = document.getElementById('out');
...
}
1. Замінити текст, який знаходиться між парними тегами
p.innerHTML = 'Hello';
2. Дописати інформацію до існуючого тексту
а) p.innerHTML += ' <b>Hello</b>';
б) p.innerHTML = p.innerHTML + ' Hello';
в) p.innerText += ' <b>Hello</b>';
3. Вставити інформацію
а) p.insertAdjacentHTML('beforeBegin','Hello'); //beforeBegin - перед відкриваючим тегом
б) p.insertAdjacentHTML('afterBegin','Hello '); //afterBegin - після відкриваючого тега
в) p.insertAdjacentHTML('beforeEnd',' Hello'); //beforeEnd - перед закриваючим тегом
г) p.insertAdjacentHTML('afterEnd',' Hello'); //afterEnd - після закриваючого тега
4. Замінити на текстовий блок з класом
p.outerHTML = '<div class="one">Hello</div>';
Немає коментарів:
Дописати коментар