输出HTML代码

我试图做一个简单的代码，以帮助一些同事工作。基本上我希望他们能够输入2个输入并具有html代码输出。例如：输出HTML代码

输入1 =玉米

输入2 =美味

output = <font color="#987654" face="Helvetica, Arial, sans-serif">corn</font>delicious

输出的电流简单地增加的HTML样式到第一输入。任何建议将不胜感激。干杯!

<head> 
    <title></title> 

    <style> 
    #prod_name { height: 30px; width:700px; } 
    #prod_desc { height: 30px; width:700px; padding-top:15px; } 

    </style> 

</head> 

<body> 

Title: <input id="prod_name"><br /> 
Description: <input id="prod_desc"><br /> 
<button id="convert">Convert to HTML</button> 

<hr> 

<div id="result"></div> 

<script> 
function convert_it() { 
    var proname = document.getElementById('prod_name').value; 
    var descname = document.getElementById('prod_desc').value; 

    var html = '<font color="#987654" face="Helvetica, Arial, sans-serif">' + proname + '</font> ' + descname; 

    document.getElementById('result').innerHTML = html; 
} 

document.getElementById('convert').addEventListener('click', convert_it); 
</script> 

</body>

来源

2015-08-23 rtboudreau

.innerText对我来说工作正常..http：// jsfiddl e.net/pox36L7e/ –

不要使用''它已经过时并且已经过时，使用span并且像应用css类一样输入 –

@PatrickEvans - 是的，但是我仍然需要它输出原始html代码而不是风格化的输入。 – rtboudreau

function convert_it() { var proname = document.getElementById('prod_name').value; var descname = document.getElementById('prod_desc').value; var html = '<font color="#987654" face="Helvetica, Arial, sans-serif">' + proname + '</font> ' + descname; document.getElementById('result').innerText = html; } document.getElementById('convert').addEventListener('click', convert_it);

回答

相关问题