Добавьте несколько свойств css, проанализировав innerHTML

Я пытаюсь добавить CSS в какой-нибудь div.

Мой HTML:

<div class = "data-item">
    <a class = "title" id = "cms-occasion" style = "font-size: 14px !important;" href = "#">Cadeau pour un diplômé</a>
    <div></div>
</div>

<div class = "data-item">
    <a class = "title" id = "cms-occasion" style = "font-size: 14px !important;" href = "#">Cadeau Stage pilotage</a>
    <div></div>
</div>

<div class = "data-item">
    <a class = "title" id = "cms-occasion" style = "font-size: 14px !important;" href = "#">Idees cadeaux</a>
    <div></div>
</div>

Моя функция Js, которая неверна:

var giftIdea = document.getElementById('cms-occasion').innerHTML.indexOf('Idees cadeaux');
if (giftIdea != -1){
    giftIdea.style.display = 'block';
    giftIdea.style.width = '100%';
    giftIdea.style.bottom = '-117px';
    giftIdea.style.text-align = 'left';
    giftIdea.style.position = 'absolute';
    giftIdea.style.background-color = '#535353';
    giftIdea.style.padding = '6px';

}

Может ли кто-нибудь сказать, что не так с моей функцией JS?

заранее спасибо