Question

Regbutton.js

window.onload = timeout();
//document.getElementById('regButton').onClick = textfield();
function textfield () {
    var x = document.createElement('INPUT'); // INPUT also works
    x.setAttribute('type', 'text');
    x.setAttribute('value', 'text');
}

function timeout(){
    console.log("Loading");
    var button = document.getElementById('regButton');
    if(button != null){
        console.log(button);
    }else{
        console.log("No button");
    }
}

popup.html：

<!DOCTYPE html>
<html>
    <head>
        <script src="regbutton.js"></script>
        <script src="background.js"></script>
    <--...-->

    <button id="regButton" class="button" type="button">Regulations</button>

所以我试图在按钮点击上创建一个文本字段，但它不起作用，想法？

Answer 1

您需要将创建的元素添加到文档中。

function textfield() {
    var x = document.createElement('INPUT'); // INPUT also works
    x.setAttribute('type', 'text');
    x.setAttribute('value', 'text');
    document.body.appendChild(x);
}

这是一个工作解决方案的小提琴：

https://jsfiddle.net/7gbq9yuo/

Chrome扩展程序中的文字字段？

1 个答案: