文章/答案/技术大牛

发布

社区首页 >问答首页 >输出HTML代码

问输出HTML代码
EN

Stack Overflow用户

提问于 2015-08-23 03:40:55

回答 1查看 50关注 0票数 1

我试图为工作做一个简单的代码来帮助一些同事。基本上，我希望他们能够输入2个输入，并有一个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>

javascript

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-08-23 03:58:12

这就是你要找的吗？

http://jsfiddle.net/gratiafide/s6vq9tmo/

这实际上是输出HTML字符串：

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

这里是JS:

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);

基本上，您需要使用.innerText而不是.innerHTML。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32162925

复制

相似问题

问输出HTML代码
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问输出HTML代码EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问输出HTML代码
EN