从用户获取html输入并将修改后的html返回给用户

时间:2016-09-20 19:40:05

标签: javascript html

我的网站上有一个文本框,可以从用户那里获取HTML。我希望能够获取该HTML并对其进行修改,然后将新的HTML输出回用户。这些更改总是很容易,因为我只会替换该HTML中的某些字符。它们每次都是相同的角色。

我认为最好的方法是将每一行添加到数组中。这样我就可以使用for循环或其他东西将数组的每个部分输出到一个新行。这也可以保留换行符。但这仍然无法解决HTML问题。现在,当我接受HTML并尝试输出它时,我无法做到。除非是纯文本,否则它不会出现。

目前我只能使用innerHTML来完成一行文本。

有没有办法用vanilla JS做到这一点?

任何关于我在哪里看的建议都会很棒!谢谢。

1 个答案:

答案 0 :(得分:1)

考虑使用这样的提示:

<html>

  <script type="text/javascript">
        function getValue(){
           var retVal = prompt("Enter your name : ", "your name here");

  // You can do something like convert it all to lowercase here:
           document.write("You have entered : " + retVal.toLowerCase());
        }
  </script>

      

单击以下按钮查看结果:

  <form>
     <input type="button" value="Click Me" onclick="getValue();" />
  </form>

因此将修改后的用户输入返回给用户而不发布任何内容或提交表单。这只是一个简单的示例,但您可以通过添加

将其应用于带有按钮的输入字段
onclick="functionToDoSomething()"

作为按钮的属性,并使函数获取并更改输入字段的值。