Reputation: 10254
Not sure what is wrong with this code. I keep getting the following error:
“Syntax error”
“Object Expected” : ''style.cssText' is null or not an object"
This is what I got:
function doSomething()
{
var textarea = document.getElementsByName("mcRemarkOld");
turnTextAreaIntoDiv(textarea);
}
function turnTextAreaIntoDiv(elem)
{
var div = document.createElement("div"); // Copy significant attributes, customize.
div.className = elem.className;
div.style.cssText = elem.style.cssText; <<<<<<---''style.cssText' is null or not an object
div.id = elem.id;
div.name = elem.name; <<----SYNTAX ERROR HERE
div.innerHTML = elem.innerHTML; //`<a>` turns in <a>
elem.parentNode.replaceChild(div, elem);
}
</script>
<body onload="javascript:doSomething()">
<TEXTAREA class="textarea_readonly" readonly="readonly" name="mcRemarkOld" rows="7" cols="100" scrolling="auto"> <c:forEach var="mcbean" items="${form.mcRemarks}">--- ${mcbean.auditable.createdBy.firstName} ${mcbean.auditable.createdBy.lastName}, <fmt:formatDate value="${mcbean.auditable.createdDate}" pattern="${date_time_pattern}" />
${mcbean.remark} --- <a href="show.view_hotparts_guidelines?id=${mcbean.id}">TEST!!!!!!</a>
</c:forEach></TEXTAREA><br/>
Upvotes: 0
Views: 642
Reputation: 2956
The variable is an array of elements
var textarea = document.getElementsByName("mcRemarkOld");
try by using:
var textarea = document.getElementsByName("mcRemarkOld")[0];
or
var textarea = document.getElementByName("mcRemarkOld");
Upvotes: 2