操作 HTML 元素
如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。
请使用 “id” 属性来标识 HTML 元素：
实例：
<!DOCTYPE html>
<html>
<body>
<h1>代码狗JavaScript教程</h1>
<p><input type="submit" onclick="myFunction()" value="改变内容" /></p>
<p><input type="submit" onclick="change()" value="恢复内容" /></p>
<p id="demo">My First Paragraph</p>
<script>
function myFunction() //改变内容
{
document.getElementById("demo").innerHTML="www.daimadog.com";
}
function change(){ //恢复内容
document.getElementById("demo").innerHTML="My First Paragraph";
}
</script>
</body>
</html>
上面<script>标签中有两个function 函数，在HTML元素submit按钮中的onclick点击属性中执行了相应函数。
效果图如下：
原创文章，作者：奋斗，如若转载，请注明出处：https://blog.ytso.com/tech/webdev/241388.html