۱۳۹۴/۰۹/۰۵, ۱۱:۴۱ ق.ظ
سلام من میخام یه ویرایشگر متن برای برنامه ام درست کنم با اسنفاده از تگ های html ولی این کد جاوا اسکربپت که قراره تگ ها رو به اخر فایل html ام append کنه کار نمی کنه لطفا ببنید مشکل اش چیه
کد پیاچپی:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script language="JavaScript" >
var mainDiv = document.getElementById('mainDiv');
function appendTag(action,tagName,id,text,align){
if(action=="createElement"){
switch(tagName){
case "b":
var newTag = document.createElement(tagName);
newTag.setAttribute('id',id);
newTag.innerHTML = "";
mainDiv.appendChild(newTag);
break;
case "i":
var newTag = document.createElement(tagName);
newTag.setAttribute('id',id);
newTag.innerHTML = "";
mainDiv.appendChild(newTag);
break;
case "u":
var newTag = document.createElement(tagName);
newTag.setAttribute('id',id);
newTag.innerHTML = "";
mainDiv.appendChild(newTag);
break;
case "p":
if(align == "center"){
var newTag = document.createElement(tagName);
newTag.setAttribute('id',id);
newTag.setAttribute("align","center");
newTag.innerHTML = "";
mainDiv.appendChild(newTag);
}
if(align == "left"){
var newTag = document.createElement(tagName);
newTag.setAttribute('id',id);
newTag.setAttribute("align","left");
newTag.innerHTML = "";
mainDiv.appendChild(newTag);
}
if(align == "right"){
var newTag = document.createElement(tagName);
newTag.setAttribute('id',id);
newTag.setAttribute("align","right");
newTag.innerHTML = "";
mainDiv.appendChild(newTag);
}
if(align == "justify"){
var newTag = document.createElement(tagName);
newTag.setAttribute('id',id);
newTag.setAttribute("align","justify");
newTag.innerHTML = "";
mainDiv.appendChild(newTag);
}
break;
case "h1":
var newTag = document.createElement(tagName);
newTag.setAttribute('id',id);
newTag.innerHTML = "";
mainDiv.appendChild(newTag);
break;
case "h2":
var newTag = document.createElement(tagName);
newTag.setAttribute('id',id);
newTag.innerHTML = "";
mainDiv.appendChild(newTag);
break;
case "h3":
var newTag = document.createElement(tagName);
newTag.setAttribute('id',id);
newTag.innerHTML = "";
mainDiv.appendChild(newTag);
break;
case "h4":
var newTag = document.createElement(tagName);
newTag.setAttribute('id',id);
newTag.innerHTML = "";
mainDiv.appendChild(newTag);
break;
case "h5":
var newTag = document.createElement(tagName);
newTag.setAttribute('id',id);
newTag.innerHTML = "";
mainDiv.appendChild(newTag);
break;
case "h6":
var newTag = document.createElement(tagName);
newTag.setAttribute('id',id);
newTag.innerHTML = "";
mainDiv.appendChild(newTag);
break;
}
}
if(action=="innerHTML"){
id.innerHTML=id.innerHTML+text
//document.getElementById(id).innerHTML=document.getElementById(id).innerHTML+ text;
}
}
</script>
</head>
<body >
<div id="mainDiv">
<input type="button" onclick="appendTag('createElement','b','d1','','');" value="add tag"/>
<input type="button" onclick="appendTag('innerHTML','','d1','yes','');" value="make text"/>
</div>
</body>
</html>