如何用java脚本编写html结构

How to write that html structure in java script?

本文关键字：html 结构 脚本 何用 java      更新时间：2023-09-26

如何在java脚本中编写html结构

 <table>
<tr>
<td>
<form>
    <input  type="file"></input></td>
    <td><input type="submit"></input></td>
</form>
</table>

尝试以下操作，并将其添加到html标记的末尾之前。

<script>
var myForm = document.createElement("form");
myForm .setAttribute('method',"post");
myForm .setAttribute('action',"submit.php");
var myInput = document.createElement("input"); 
myInput .setAttribute('type',"file");
myInput .setAttribute('name',"somename");
var formSubmit = document.createElement("input"); 
formSubmit.setAttribute('type',"submit");
formSubmit.setAttribute('value',"Submit");
myForm .appendChild(myInput);
myForm .appendChild(formSubmit);
document.getElementsByTagName('body')[0].appendChild(myForm);
</script>

这个问题没有显示任何研究工作，也没有具体的问题需要理解。尽管如此，如果您想使用javascript（来自javascript的渲染控件）显示内容，以下代码将对您有所帮助。

var strings = "<table><tr><td><form><input  type='file'></input></td><td><input type='submit'></input></td></form></table>";
document.write(strings);

假设您需要将html代码附加到一个名为#my_div_id的div内部，然后使用以下代码。（我在我的方法中使用了你的html代码）

您应该将jQuery库导入到该解决方案工作中。

function appendMyCode(){
    $("#my_div_id").html("'
    <table>'
    <tr>'
    <td>'
    <form>'
        <input  type='"file'"></input></td>'
        <td><input type='"submit'"></input></td>'
    </form>'
    </table>'
    ");
}

输出将是，您使用的html表将附加到my_div_iddiv。我使用了"'"字符来检测字符串中的换行符。因为html代码应该作为字符串

传递给.html()方法
相关文章：