How can I replaced SharePoint 2013 survey question text with image?

Question

How can I replaced SharePoint 2013 survey question text with image? I cant get the ms-formlabel class in my javascrip.

Below is the script I am Using:

<script language="JavaScript">

var className;
className = 'ms-formlabel';ms-formlabel

var elements = new Array();
var elements = document.getElementsByTagName('td');
for (var e = 0; e < elements.length; e++)
{
    if (elements[e].className == className)
    {
        elements[e].innerHTML = elements[e].innerHTML.replace('jj','<img src="/PublishingImages/icon-document.png"></img>');
    }
}

</script>

Answer 1

There is a workaround for you. I have created a survey list which has questions as below format

Image1

• Enter Choice #1
• Enter Choice #2
• Enter Choice #3

Image2

• Enter Choice #1
• Enter Choice #2
• Enter Choice #3

I used the text of the question as the token to find the right placeholder for the image and appended the image there using the below script.

function SetImage(){
var image1="<img src='/PublishingImages/icon-document.png'></img>"
var image1Question = $("table.ms-formtable .ms-formlabel:contains('jjj')");
$(image1Question).html("");
$(image1).appendTo(image1Question);
}

$(document).ready( function () {
    SetImage();
});

It works fine for me. Cheers.