时间戳

首页 > 解决方案 > 有没有办法从一个名为 admin.htm 的页面创建元素来创建 index.html 的输入文本两者都在同一个文件夹中

javascript - 有没有办法从一个名为 admin.htm 的页面创建元素来创建 index.html 的输入文本两者都在同一个文件夹中

问题描述

我是编码初学者，JavaScript 是我的第一种程序语言，所以我想在这里解决问题。我的问题：有没有办法createElement从一个名为admin.htm 我单击按钮的页面开始，并且两个页面上的按钮输出显示“输入类型”文本“index.html 都在同一个文件夹中。我正在尝试制作一个可以生成输入的表单控制面板到不同的页面。

index.html 代码是

    <body>
 <form id="formsc">   </form>     
<script src="admin.js"></script>
</body>

admin.html 代码是：

<body>
<h1> Control Panel</h1>
<label for="btntext"> Creat text form by clicking sumbit:</label><br>
<input type="button" value="sumbit">
<script src="admin.js"></script>
</body>

Javascript 代码是

document.getElementById("button").addEventListener("click", function formtext() {
let textInput = document.createElement("input");
let newButn = setAttribute("type", "text");
textInput.appendChild(newButn);
let position = document.getElementById("formsc")[0];
position.appendChild(textInput);});
formtext();

上面的代码对我不起作用，我不确定代码是否正确。

标签： javascripthtml

解决方案

这样的事情可能对你有用：

//admin.html
<input type="button" id="submitBtn" value="sumbit">

//admin.js
var indexPage = window.open('index.html'); //opens new window for index page

function formtext() {
    let textInput = indexPage.document.createElement("input");
    textInput.setAttribute("type", "text");
    textInput.value = "my input text";
    let position = indexPage.document.getElementById("formsc");
    position.appendChild(textInput);
}

document.getElementById("submitBtn").addEventListener("click", formtext);

formtext();

推荐阅读