Как средствами PHP или JS изменить текст в HTML файле?

317
18 мая 2017, 11:38

Я выгружаю готовую HTML страницу, отображается как бланк с данными.Есть поля которые нужно заполнить цифрами, либо изменить в них данные.Каким образом можно автоматизировать?
схема html->скрипт->измененный html.Направте, если сталкивались подскажите, что и куда.Хотелось бы решить данную задачу.Если есть решение, буду очень благодарен.

Answer 1

С помощью PHP нельзя поменять уже выведенные данные. Когда пользователь видит перед собой страницу и начинает совершать какие-то действия с ней, PHP уже завершил работу.

Ваш выбор - javascript. если используете jquery, то данные можно менять, например, так:

$('#id_div').text('Ваш текст');

На чистом js:

document.getElementById("id_div").innerHTML="Ваш текст";
Answer 2

insertAdjacentHTML() разбирает указанный текст как HTML или XML и вставляет полученные узлы (nodes) в DOM дерево в указанную позицию. Данная функция не переписывает имеющиеся элементы, что предовращает дополнительную сериализацию и поэтому работает быстрее, чем манипуляции с innerHTML.

Запись:

element.insertAdjacentHTML(position, text);

position указывает положение element, и может принимать одно из следующих значений:

beforebegin Перед element .

afterbegin Внутри element, перед первым дочерним элементом (потомком).

beforeend Внутри element, после последнего дочернего элемента.

afterend После element.

Пример:

// <div id="one">one</div> 
let d1 = document.getElementById('one'); 
d1.insertAdjacentHTML('afterend', '<div id="two">two</div>');
// Результат
// <div id="one">one</div><div id="two">two</div>
READ ALSO
Вывод в консоль происходит только при клике. А как при движении курсора?

Вывод в консоль происходит только при клике. А как при движении курсора?

При движении курсора над страницей консоль не выводит результатТолько при клике

243
Как сделать параллельный запрос nodejs?

Как сделать параллельный запрос nodejs?

Возникла проблема, до конца не могу понять, как работать с асинхронными языкамиФункция работает, отдает мне нужный объект, но только после...

212
как в vuejs по клику на кнопку поменять цвет

как в vuejs по клику на кнопку поменять цвет

Есть у меня кнопки выведены с помощью vuejs

257
Javascript Array.prototype.reduce

Javascript Array.prototype.reduce

Внимание: это не вопрос о том, как решить задачу симметричной разностиЭто вопрос про Array

230