JavaScript 能够改变页面中的所有 HTML 元素
改变 HTML 输出流
JavaScript 能够创建动态的 HTML 内容:
在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。
改变内容
document.getElementById(id).innerHTML=新的 HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>改变HTML内容</title>
</head>
<body>
<h1 id="header">旧标题</h1>
<script>
var element=document.getElementById("header");//使用 HTML DOM 来获得 id="header" 的元素
element.innerHTML="新标题";//改变内容
</script>
<p>"旧标题" 被 "新标题" 取代。</p>
</body>
</html>
改变HTML属性
document.getElementById(id).attribute=new value
扫描二维码关注公众号,回复:
8894381 查看本文章
JavaScript 能够改变页面中的所有 CSS 样式
改变 HTML 样式
如需改变 HTML 元素的样式,请使用这个语法:
document.getElementById(id).style.property=new style
JavaScript 能够对页面中的所有事件做出反应
对事件做出反应
我们可以在事件发生时执行 JavaScript,比如当用户在 HTML 元素上点击时。
如需在用户点击某个元素时执行代码,请向一个 HTML 事件属性添加 JavaScript 代码:
οnclick=JavaScript
HTML 事件的例子:
- 当用户点击鼠标时
- 当网页已加载时
- 当图像已加载时
- 当鼠标移动到元素上时
- 当输入字段被改变时
- 当提交 HTML 表单时
- 当用户触发按键时