2016-11-08 21 views
4

私の問題は、ほとんどの人が抱える問題とは反対のようです。 .inner HTMLのHTMLを実行したくありません。私はそれをそのままページに表示したい。htmlを実行する代わりにページに表示する方法は?

https://jsfiddle.net/ojfykv17/ または

あなたが必要となります
<div id="code"> 

</div> 

function genorateCode() { 
 
    \t \t var account = document.getElementById("account"); 
 
     var url = document.getElementById("url"); 
 
     sendCode(); 
 
    } 
 
    function sendCode() { 
 
    document.getElementById('code').innerHTML = '<a href="'+url+'">'+'<div class="button"><img src="https://s15.postimg.org/mfpd2ki8r/icon.png" width="16">@'+account+'</div></a>'; 
 
    } 
 
    sendCode();
.button { 
 
    border-radius: 5px; 
 
    background-color: white; 
 
    border:1; 
 
    border-style: solid; 
 
    position: fixed; 
 
    padding: 5px 10px 5px 10px; 
 
    border-width: 1.2px; 
 
    line-height: 5px; 
 
    border-color: #a5aab1; 
 
    font-family: 'Lato', sans-serif; 
 
    font-weight:300; 
 
    text-align: center; 
 
    }
<form id="form" onsubmit="return false;"> 
 
     <input type="text" id="account" /> 
 
     <input type="text" id="url" /> 
 
     <input type="submit" onclick="genorateCode();" /> 
 
    </form> 
 
    
 
    <div id="code"> 
 
    
 
    </div>

+5

をあなたはそれを実行しないとはどういう意味ですか?実際にマークアップタグを表示したいのですか?もしそうなら、これを見てください:http://stackoverflow.com/questions/2820453/display-html-code-in-html –

+0

ここには、「