1.javascript 第一课,点击按钮改变便签中的内容

点击按钮,修改P标签总的内容,变成Hello JavaScript

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 能做什么</h2>

<p id="demo">点击按钮,修改P标签总的内容,变成Hello JavaScript</p>

<button type="button" onclick='document.getElementById("demo").innerHTML="Hello JavaScript"'>点击我!</button>

</body>
</html>

 

总结:在button按钮中设置一个onclick单击事件,具体什么事件可编写javascript代码实现

1.通过标签的id获取对应的标签

  document.getElementById("idName")

2.如果是改变其标签中的文本内容

  .innerHTML="这里填写新的内容";

3.如果是改变src链接地址

  .src="新的链接地址";

4.如果是修改样式----隐藏HTML元素

  .style.display="none";

5.将隐藏的已经设置过none的HTML显示

  .style.display="block";

上一篇:【Git】3. Git重要特性-分支操作,合并冲突详解


下一篇:JS小实战1-开关灯效果