Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Выделение текста (https://javascript.ru/forum/misc/65568-vydelenie-teksta.html)

Win_D 26.10.2016 09:16
Выделение текста
 
Всем привет.

Есть следующий код:
var variable = 1;
document.write("Переменная равна " + variable);

Подскажите, возможно ли выделить результат (variable) полужирным, курсивом или подчёркнутым текстом? Как тегами <b>, <i> и <u>, только с помощью JavaScript? Заранее огромное спасибо.

ksa 26.10.2016 09:22
Цитата:
Сообщение от Win_D
возможно ли выделить результат (variable) полужирным, курсивом или подчёркнутым текстом? Как тегами <b>, <i> и <u>, только с помощью JavaScript?
Возможно. :yes:
Именно тегами и придется это делать. Хотя и с помощью JavaScript...

Win_D 26.10.2016 09:30
Цитата:
Сообщение от ksa (Сообщение 432988)
Возможно. :yes:
Именно тегами и придется это делать. Хотя и с помощью JavaScript...
То, что возможно, уже хорошо :) А нельзя ли пример, чтобы понять, как именно это сделать?

ksa 26.10.2016 09:43
Цитата:
Сообщение от Win_D
А нельзя ли пример, чтобы понять, как именно это сделать?
Для этого тебе нужно сделать тот пример на котором такое можно показать. :)
Ибо это
Цитата:
Сообщение от Win_D
Есть следующий код:
var variable = 1;
document.write("Переменная равна " + variable);
Не пример... :no:

ksa 26.10.2016 09:54
Цитата:
Сообщение от Win_D
Есть следующий код:
var variable = 1;
document.write("Переменная равна " + variable);
Если "это" пример... Тогда, как вариант

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
	var variable = 1;
	document.write("Переменная равна " + variable);
	window.onload=function(){
		var o=document.getElementsByTagName('body')[0];
		var str=o.innerHTML;
		str=str.replace(/(\S+)(?=\n)/g,'<b>$1</b>');
		alert(str);
		o.innerHTML=str;
	};
</script>
</head>
<body>
</body>
</html>

Win_D 26.10.2016 10:09
Огромное спасибо:victory:

Цитата:
Сообщение от ksa (Сообщение 432993)
Если "это" пример... Тогда, как вариант

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
	var variable = 1;
	document.write("Переменная равна " + variable);
	window.onload=function(){
		var o=document.getElementsByTagName('body')[0];
		var str=o.innerHTML;
		str=str.replace(/(\S+)(?=\n)/g,'<b>$1</b>');
		alert(str);
		o.innerHTML=str;
	};
</script>
</head>
<body>
</body>
</html>

Dilettante_Pro 26.10.2016 15:21
Вот тоже с помощью JS:) 
<script type='text/javascript'>
	var variable = 1;
	document.write("Переменная равна <b>" + variable + "</b>");
</script>

Win_D 26.10.2016 15:40
Действительно, так намного проще :yes: Честно говоря, не думал, что так можно. Спасибо за помощь, я вам очень признателен:thanks:

Цитата:
Сообщение от Dilettante_Pro (Сообщение 433018)
Вот тоже с помощью JS:) 
<script type='text/javascript'>
	var variable = 1;
	document.write("Переменная равна <b>" + variable + "</b>");
</script>

ksa 26.10.2016 16:25
Цитата:
Сообщение от Win_D
Честно говоря, не думал, что так можно
Это же вроде очевидно... :blink:

Win_D 26.10.2016 18:27
Цитата:
Сообщение от ksa (Сообщение 433025)
Это же вроде очевидно... :blink:
Вся проблема в том, что я не то что нуб, я вообще никто в JavaScript, поэтому и задаю такие глупые вопросы :)


Часовой пояс GMT +3, время: 06:09.