以下语法的含义是什么
var demoP=document.getElementById("demo");
demoP.innerHTML="x=" + x;
这也是"x=" + x;
答案 0 :(得分:2)
getElementById()
方法访问具有指定标识的第一个元素。
因此,document.getElementById("demo")
访问ID为演示的元素。
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修改演示ID并在演示div 中添加x=100
。这是演示div更改为<div id="demo">x=100</div>
答案 1 :(得分:1)
'x ='+ x连接'X ='和变量x的值。
即;如果x = 5,则id为'demo'的html元素现在将具有内容'x = 5'
答案 2 :(得分:1)
只需在DOM上选择一个元素
var demoP=document.getElementById("demo")
然后用字符串
替换其内容demoP.innerHTML="x=" + x;
假设x变量的值是42元素(可能是div?) 将包含文本
x=42
"x="+x
只是连接两个字符串:“x =”和x。
如果x内容不是字符串,它将在连接之前被转换(转换)为字符串(变量将包含原始值)
答案 3 :(得分:0)
这将通过串联字符串设置demo
的内容,其中"x="
是静态部分,x是变量值。
假设你有follolwing
var x = 10;
var demoP=document.getElementById("demo");
demoP.innerHTML="x=" + x;
比demo
的内容x=10