Question

我正在尝试使用.innerHTML来覆盖p。

我第一次这样做，它会成功覆盖它，但是当我第二次尝试时它似乎不起作用。我计划将来放入一些CSS，所以那是空的。

这是JAVASCRIPT

    function create() {
        var x = document.getElementById("cName").value;
        var y = document.getElementById("cType").value;
        window.alert("Running new card")
        newCard(x,y)
    }

    function newCard(name,type) {  
        window.alert("new card ran")
        this.name = name;
        this.type = type;
    }

    function print(){
        document.getElementById("cardName").innerHTML = this.name
        document.getElementById("cardType").innerHTML = this.type
    }

这是HTML

<html>
<head>
<link rel="stylesheet" type="text/css" href="main.css" />
<title>TealeStone</title>
</head>
<body>
    <script src="JavaScript.js"></script>
    <form name="newCard">
        Card Name : <input type="text" id="cName" />
        Card Type : <input type="text" id="cType" />
        <button onclick="javascript:create()">Submit</button>
    </form>
    <p id="cardName">Card name</p>
    <p id="cardType">Card type</p>
    <script>
        print()
    </script>
    </body>
    </html>

Javascript / HTML ID未识别

0 个答案: