انجمن سایت کلیدستان


رتبه موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
مشکل با DOM JS (برنامه نویسی javascript)

مشکل با DOM JS (برنامه نویسی javascript)

#1
سلام من میخام یه ویرایشگر متن برای برنامه ام درست کنم با اسنفاده از تگ های 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> 
پاسخ


پیام‌های این موضوع
مشکل با DOM JS (برنامه نویسی javascript) - توسط sadeq460 - ۱۳۹۴/۰۹/۰۵, ۱۱:۴۱ ق.ظ
RE: مشکل با DOM JS (برنامه نویسی javascript) - توسط admin - ۱۳۹۴/۰۹/۰۶, ۰۵:۵۵ ب.ظ
RE: مشکل با DOM JS (برنامه نویسی javascript) - توسط sadeq460 - ۱۳۹۴/۰۹/۰۶, ۰۹:۴۴ ب.ظ

پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان