자바스크립트 질문

if(item_count > 0){
                var group_count = {$widget_info->group_count};
               for (var i = 0; i < group_count; i++) {

                   var docrand = document.getElementById("docrand");
                   docrand.innerHTML += "<div></br>item</br>";

                   docrand.innerHTML += "{$widget_info->header_name;}";
                   docrand.innerHTML += "{$widget_info->content_items["+i+"]->getTitle();}";

                   docrand.innerHTML += "</div>";
               }

             }

안에 php코드 넣어서 실행중입니다

 docrand.innerHTML += "{$widget_info->header_name;}";

이거는 값이 잘나오는데

docrand.innerHTML += "{$widget_info->content_items["+i+"]->getTitle();}";

이거는 안나오더라구요,

 ["+i+"] 이거를 [0] 이렇게 해버리면 값은 잘 나와요

이해가 안됩니다 ㅠㅠ 전문가님들 도와주세요