Нужно обрезать лишний текст

<div id="title">В названии очень много текста и мне нужно его обрезать</div>
 
 
<script>
function title() {
var elem, size, text;
elem = document.getElementById('title');
text = elem.innerHTML;
size = 40;
if (text.length > size) {
text = text.slice(0, 30);
}
elem.innerHTML = text + '...';
}
title();
</script>

<div id="title">В названии очень много текста и мне нужно его обрезать</div>
<div id="title">В названии очень много текста и мне нужно его обрезать</div>
<div id="title">В названии очень много текста и мне нужно его обрезать</div>
<div id="title">В названии очень много текста и мне нужно его обрезать</div>
<div id="title">В названии очень много текста и мне нужно его обрезать</div>
<div id="title">В названии очень много текста и мне нужно его обрезать</div>

<div id="title">текст который нужно резать</div>

<div class="title">В названии очень много текста и мне нужно его обрезать</div>
<div class="title">В названии очень много текста и мне нужно его обрезать</div>
<div class="title">В названии очень много текста и мне нужно его обрезать</div>
<div class="title">В названии очень много текста и мне нужно его обрезать</div>
<div class="title">В названии очень много текста и мне нужно его обрезать</div>
<div class="title">В названии очень много текста и мне нужно его обрезать</div>