Question

我的<td id="firstApp">标识为showDate。我已经为按钮写了onclick事件。单击按钮时，将调用<td><button type="button" onclick='document.getElementById("firstApp").innerHTML=Date()'>函数。我想将'id'作为参数传递给这个showDate函数，这样我的函数就会知道它应该在哪个id上运行。

我试过了，

<td><button type="button" onclick='showDate("firstApp")'>

然后它工作正常。

但是当我将id作为函数调用传递时，

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <tr>
            <td>App 1</td>
            <td><button type="button" onclick='showDate("firstApp")' name="app1" >on/off</td>
            <td>10</td>
            <td id="firstApp"></td>
            <td></td>
        </tr>
        <!--    <button type="button">Update</button> <button type="button">Log Out</button> -->
        </table>
        </div>
        <script>
            //write script herei
            function showDate(appId)
            {

                document.getElementById("appId").innerHTML = Date();
            }
        </script>
    </body>
</html>

然后它将无法工作，任何人都可以告诉我我哪里出错...... !!

/post/?m=1

Answer 1

使用它时，您不希望在参数周围加上引号：

function showDate(appId) {
    document.getElementById(appId).innerHTML = Date();
    // No quotes here ------^----^
}

Answer 2

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <div>
        <table>
        <tr>
            <td>App 1</td>
            <td><button type="button" onclick='showDate("firstApp")' name="app1" >on/off</td>
            <td>10</td>
            <td id="firstApp"></td>
            <td></td>
        </tr>
        <!--    <button type="button">Update</button> <button type="button">Log Out</button> -->
        </table>
        </div>
        <script>
            //write script herei
            function showDate(appId)
            {

                document.getElementById(appId).innerHTML = Date();
            }
        </script>
    </body>
</html>

从 appId

中删除引号

document.getElementById(appId).innerHTML = Date();

JavaScript，将id作为参数传递给函数

2 个答案: