1.修改dom节点
追加内容:先获取原有内容再添加
var html = document.getElementById(“container”).innerHtml;
document.getElementById(“container”).innerHtml = html + “这是追加的一个a标签”;
var text = document.getElementById(“container”).innerText;
document.getElementById(“container”).innerText = text + “这是追加的一段文本内容”;
2.修改dom节点属性
- 节点.属性名 = “修改后的值”
- 节点. setAttribute(属性名，修改后的值);
3.获取css属性
// 获取定义在标签中的css属性值
var containerWidth = container.style.width;
//获取定义的默认css属性值，包括嵌入样式和外联样式
var containerStyle = document.defaultView.getComputedStyle(container);
console.log(containerStyle.width);
dom事件
当事件发生时，可以执行 JavaScript，比如当用户点击一个 HTML 元素时。
把 JavaScript 代码添加到 HTML 事件属性中：
οnclick=javascript
而HTML事件的例子包含以下：
- 当用户点击鼠标时
- 当网页已加载时
- 当图片已加载时
- 当鼠标移动到元素上
- 当输入字段被改变时
- 当HTML表单被提交时
- 当用户触发按键时
举例：
<!DOCTYPE html>
<html>
<body>
<h1 οnclick="this.innerHTML='Ooops!'">Click on this text!</h1>
</body>
</html>
当用户点击时，会改变 <h1> 元素的内容
点击前：Click on this text!
点击后：Ooops!
onload 和 onunload 事件
用户进入或离开页面时，会触发 onload 和 onunload 事件
onload 事件可用于检查访客的浏览器类型和版本，以便基于这些信息来加载不同版本的网页。
onchange 事件
onchange 事件常用于输入字段的验证。
onmouseover 和 onmouseout 事件
onmouseover 和 onmouseout 事件可用于在鼠标指针移动到或离开元素时触发函数。
onmousedown、onmouseup 以及 onclick 事件
onmousedown、onmouseup 以及 onclick 事件是鼠标点击的全部过程。
当某个鼠标按钮被点击时，触发 onmousedown 事件，
当鼠标按钮被松开时，会触发 onmouseup 事件，最后，当鼠标点击完成时，触发 onclick 事件。
1667
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
