当前位置:代码狗 > 开发教程 > WEB开发教程 > 正文

JavaScript改变网页内容

操作 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点击属性中执行了相应函数。

效果图如下:

代码狗JavaScript教程

代码狗JavaScript教程

感觉很棒!可以赞赏支持我哟~

赞(0) 打赏

评论 抢沙发

×

请作者吃根烤肠!

支付宝