JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div id="o1a">Здесь много текста ... blah-blah-blah-blah<div id="o2a"></div></div>

CSS

#o1a{
  width: 33%;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal; /* для IE */ 
  text-overflow: clip;
  border:1px solid red;
}
#o2a{
	width: 33%;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal; /* для IE */ 
  text-overflow: clip;
	border:1px solid blue;
}

JavaScript

var text=$('#o1a').text();
$('#o1a').remove();
$('body').append('<div id="o2a">');
$('#o2a').text(text);