Отображение значения переменной в компоненте Text

[smokinsouls]

Здравствуйте!

Помогите решить задачу:
На странице есть компонент Text1.
В компоненте JS создана переменная, например: var text = “hello”;
Есть ли возможность присвоить переменную text компоненту Text1? (Так, чтобы текст этого компонента стал “hello”).

Рассмотрю любые варианты влияния на компонент Text1. Спасибо.

[spoon]

Компонент Скиньте ваши КОМПОНЕНТЫ, что там у вас.

[Gudwinn]

Привет, на чистом JS вот пример, в исходнике страницы до BODY вставьте это:

Код: Выделить всё

<script>
var text = 'hello',
    target = document.querySelector('#wb_Text1 span');
 target.innerHTML = text;
</script>

, это такой наглядный пример, но быстрее и правильнее сделать одной строкой:

Код: Выделить всё

<script>
 document.querySelector('#wb_Text1 span').innerHTML = 'hello';
</script>

[spoon]

Код: Выделить всё

$('айди текста').text("hello");

Если нужно оформить как-то то так можно

Код: Выделить всё

$('айди текста').html("<span class="text">hello</span>");

Но думаю у вас загвоздка в чем то другом.

[Gudwinn]

просто скорее всего у человека джейквери не подрублена будет к странице, поэтому я сразу дал код на чистом js, таким образом избежал ещё ряд вопросов)))

[kkk707]

Добрый день! А если нужно в текст вставить не hello, а, например, текст заголовка H1? Возможно это?

[spoon]

Код: Выделить всё

let htext = $('айди заголовка').text();//тут получаем текст вашего заголовка
$('айди текста').text(htext);//вставляем текст заголовка в любой div с  'айди текста'


[kkk707]

Спасибо, вставить нужно в исходнике страницы до body?

[spoon]

До тега </body> и не забудьте подключить библиотеку jg

[kkk707]

Извиняюсь за тупизм, а как ее подключить?

[spoon]

Можете закинуть любую иконку, фигуру или картинку и сделать просмотр в лайтбоксе, или скачать и подключить в теге head, или так же в head подключить ссылку на библиотеку.
Первая попавшая статья из бубна http://w3.org.ua/jquery/podklyuchenie-biblioteki-jquery-4-sposoba/

[kkk707]

Спасибо большое, сейчас попробую.

Отправлено спустя 24 минуты 30 секунд:
Что-то не то.. эти две строки нужно вставить в исходник страницы, заменив значения "айди заголовка" и "айди текста". А потом в текст как вставить переменную?

[spoon]

Пример

[kkk707]

Вот спасибо! Все работает) Только не найду где же прописано, что в indexText1 должен появиться заголовок?
И возможно ли не вместо всего текста, а в определенное место в тексте вставить переменную?

[spoon]

олько не найду где же прописано, что в indexText1 должен появиться заголовок

Правой кнопкой мыши Исходник страницы-До /body.
Пример скинул.

[kkk707]

Это понятно, не понятно почему там прописано #wb_uid0, а не айди текста.
А переменную не выделять не получится?

[spoon]

Можно и id текста но все равно через wb_, но надо смотреть как формируется контент, т.к. id текста это div в котором могут быть куча других дивово и придется прописывать как в первом примере.
Можно и не выдилять, а закидывать, например, два текста, первый с id="text1" "Приве", а второй с id="text2" "Мир" и чтобы изменить второй текст вы прописываете id этого текста

Код: Выделить всё

S('#text2').text('Мама')

и получается "Привет Мама".
Со strong я показал как можно в одном тексте поменять определенное слово.

[kkk707]

Спасибо, все понятно! Я просто думала, что можно в разные места одного текста вставить некие переменные, например [1], [2] и [3]. А вместо них прописать значения, которые будут вставляться: [1] - чтобы заменился на заголовок, [2] - на текст с id "text1", а [3] - на "105 рублей" к примеру.

[kkk707]

Здравствуйте! А возможно ли в этом варианте как-то оставить ссылку на тексте Text1? Сейчас пропадает при замене переменной.
<script>
document.querySelector('#wb_Text1 span').innerHTML = 'hello';
</script>

[kkk707]

Или ссылку вставить на переменную.. Методом тыка не получается( Подскажите плиз.
<script>
document.querySelector('#wb_Text1 span').innerHTML = 'hello' (как сюда вставить ссылку?);
</script>