-4

以下语法的含义是什么

var demoP=document.getElementById("demo");
demoP.innerHTML="x=" + x;

还有这个呢"x=" + x;

4

4 回答 4

2

getElementById()方法访问具有指定 id 的第一个元素。

因此，document.getElementById("demo")使用 id demo访问元素。

设置元素的innerHTML 内部 HTML。它用于动态修改文档的 HTML。

例如：

<head>
 <script type="text/javascript">
        function myFunction() {
            var x = 100;
            var demoP = document.getElementById("demo")
            demoP.innerHTML = "x=" + x;
        }
    </script>
</head>

<body>
<div id="demo"/>
<p>
    <a href="#" OnClick="myFunction()"> Click to call function</a>
</p>
</body>
</html>

在上面的代码中，当点击链接触发事件时，会调用 js 方法myFunction()。在该方法中，demoP 包含 id 为demo的元素。

demoP.innerHTML 修改 demo id 并添加demo divx=100。即 demo div 更改为<div id="demo">x=100</div>

于 2013-04-01T10:36:59.310 回答
1

'x='+x 连接 'X=' 和变量 x 的值。

IE; 如果 x=5，则 id 为 'demo' 的 html 元素现在将具有内容 'x=5'

于 2013-04-01T10:21:31.673 回答
1

它只是在 DOM 上选择一个元素

var demoP=document.getElementById("demo")

然后它用一个字符串替换它的内容

demoP.innerHTML="x=" + x;

假设 x 变量的值为 42，则元素（可能是 div？）将包含文本

x=42

"x="+x只是连接两个字符串：“x=”和x。如果 x 内容不是字符串，它将在连接之前被强制转换（转换）为字符串（尽管变量将包含原始值）

于 2013-04-01T10:24:04.220 回答
0

这将demo通过连接字符串来设置的内容，其中"x="是静态部分，x 是变量的值。

假设你有以下

var x = 10;
var demoP=document.getElementById("demo");
demoP.innerHTML="x=" + x;

比demo内容x=10

于 2013-04-01T10:21:45.347 回答