Динамическое размещение текста в тег в HTML
249
19 октября 2018, 03:50
Как динамически после клика на кнопку разместить определенный текст на странице в браузере, чтобы потом опять можно кликнуть на кнопку, и текст добавился к предыдущему и т д после клика кнопок ?
Answer 1
$('button').click(function(){
$('span').text($('span').text() + 'Some text >>');
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Click</button>
<span>Add text here >></span>Answer 2
Что-то мне это напоминает...
html
<div class="viewport"></div>
<button class="add-text-button">Add text</button>js
document.addEventListener("DOMContentLoaded", function(){
var text = "произвольный текст\n";
var viewport = document.querySelector(".viewport");
var button = document.querySelector('.add-text-button');
button.addEventListener('click', function(event){
viewport.innerText += text;
});
});Answer 3
jQuery(document).ready(function($) {
$("#btn").click(function() {
$("#txt").append("<p>Hello</p>");
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="txt">
</div>
<input type="button" id="btn" />
-
00:43
-
00:32
-
00:25
-
00:07
-
23:55
-
23:49
-
23:42
-
23:36
-
23:23
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 48033 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30576 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23995 visits
- Как через css изменить цвет png изображения? 10422 visits
- Blob video url download 10015 visits
- Php curl запрос через прокси с авторизацией 9291 visits
- Работа с captcha vk api 8156 visits
© "hostciti.net" 13.4.2025 | 16:35