دمج اكثر من وسام Css

<p class="class1 class2">...</p>
واريد ان اضيف
1- اعتقد ان استخدام الاى دى افضل من استخدام الكلاس لان الاى دى يمكن التحكم به بواسطة
 document.getElementById('id1')
2- يمكن استخدام كلاس مع اى دى معا 
<p class="class1" id="id1">...</p>

3-
javascript
document.getElementById('id1').id="id2";

4-
jquery
$("element").addClass("ClassName")
$("element").removeClass("ClassName")

شكراً لك اخي الكريم علي الرد لكن للأسف لم تفلح معي

للتوضيح:

اريد تقطيع هذا الزر الي 3 أجزاء حتي يمكن كتابة text فوقة يكون متعير العرض حسب ال text

ووضع كل جزء في class ثم تجميع الثلاثة في class واحد

هذا هوا كود ال css

.select_right{
	background:url(../images/select_right.png) left no-repeat;
}
.select_left{
	background:url(../images/select_left.png) right no-repeat;
}

<td height="30" align="center" class="select_right select_left">Travel Egypt</td>