Question

该作业让我按照一步一步的说明使用HTML按钮执行代码，然后使用getElementById和innerHTML JavaScript。我让按钮部分工作，但我无法使JavaScript工作。

这是我的代码正文：

<body>
    <script type="text/javascript">
        var x= "JavaScript is fun. ";

        document.writeln(x);

        document.writeln(x + x + x + x + x);

        function statement(x)
        {
            return document.writeln(x);
        }   

        document.getElementById("change").innerHTML = x+x+x+x+x;
    </script>

    <button onclick="statement(x)">Click me!</button>
    <p id="change">This will change</p>

</body>

以下是给出的说明：

因此，如果我们想打印出按钮下方的JavaScript很有趣，我们可以让它替换文档本身，我们可以让它替换某个元素（HTML标记）中的一些文本。文档。
所以在按钮下方，让我们放一个段落标签，并将其标记为“这将改变”
我们将更改此标记的innerHTML属性。标签的innerHTML是开始和结束标签之间的东西，在这种情况下是文本“这将改变”
首先，我们需要在JavaScript中识别我们想要更改的标记。我们可以使用getElementById（）方法完成此操作。此方法只是查找具有指定ID的元素（类似于页面内链接）。所以在开始段落标记（即）中放置一个id属性，然后在（）中放置相同的id（即getElementById（“change”）。
我再次说过我们将更改此元素的innerHTML属性，因此我们将通过说getElementById（“change”）将innerHTML属性附加到它.innerHTML
我们不需要做的就是说明这个元素与哪个对象相关联。它在文档中，因此我们可以使用文档对象并通过说document.getElementById（“change”）来指定.innerHTML
现在我们已经确定了要改变的内容，让我们改变它。我们通过将我们想要更改的内容设置为等于新值来实现，所以对我来说它是：document.getElementById（“change”）。innerHTML = x + x + x + x + x;
< / LI>

Answer 1

试试这个：

＆＃13;

var x = "JavaScript is fun. ";

function statement(x) {
  document.getElementById("change").innerHTML = x + x + x + x + x;
}

＆＃13;

<body>

  <button onclick="statement(x)">Click me!</button>
  <p id="change">This will change</p>

</body>

＆＃13;

JavaScript和HTML分配.getElementById和.innerHTML

1 个答案: