有没有办法使用js从html文本框中获取文本？

Question

现在，我知道这之前已经发布过。 在报告之前阅读它。 我想尝试制作一个从文本框中获取文本的脚本，并且该文本框具有用户编写的代码。 现在我有一个可以在新窗口中打开它的脚本，但是

 const el = document.getElementById('externalLink'); // Create a content for a new page with a script in it const newPageContent = ` <DOCTYPE html> <head> <title>some code</title> </head> <body contenteditable> <h1>Some editable text</h1> </body> `; // Listen on "click" event el.addEventListener('click', (e) => { e.preventDefault(); // Create a new window on click const w = window.open('', '_blank'); // Write your content to it w.document.write(newPageContent); });

 <!-- Your link !--> <a id="externalLink" href="#/">Click to run the code</a> <br> <input type="text" name="Codebox" value="Code here...">

但是脚本“ var Codebox = document.getElementsByName('txtJob')[0].value ”只是作为一个html脚本运行，因此它的字面意思是“var Codebox = document.getElementsByName('txtJob')[0]。值”在结果页面上。 如果有办法绕过这个，或者如果我只是做错了，有人可以帮助我吗？ 那很好啊！ :)

Answer 1

您可以将id设置为input标签并使用document.getElementById('...').value获取它的document.getElementById('...').value ，如下所示。

 const el = document.getElementById('externalLink'); // Create a content for a new page with a script in it const newPageContent = ` <DOCTYPE html> <head> <title>some code</title> </head> <body contenteditable> <h1>Some editable text</h1> </body> `; // Listen on "click" event el.addEventListener('click', (e) => { e.preventDefault(); const codeValue = document.getElementById("codeBox").value; console.log('Code Value', codeValue); // Create a new window on click const w = window.open('', '_blank'); // Write your content to it w.document.write(newPageContent); });

 <!-- Your link !--> <a id="externalLink" href="#/">Click to run the code</a> <br> <input type="text" name="Codebox" id="codeBox" value="Code here...">

有没有办法使用js从html文本框中获取文本？

问题描述

1 个解决方案

解决方案1
2 已采纳 2020-10-08 16:25:36

有没有办法使用js从html文本框中获取文本？

问题描述

1 个解决方案

解决方案1 2 已采纳 2020-10-08 16:25:36

解决方案1
2 已采纳 2020-10-08 16:25:36