通过id查找HTML 元素
var element = document.getElementById('ID')
通过标签名查找 HTML 元素
var y=x.getElementsByTagName("p");
使用document.write()向HTML中写文字
绝不要使用在文档加载之后使用 document.write()。这会覆盖该文档。
使用innerHTML来改变HTML文档
可以类似document.getElementById().style.color = 'red'; 来改变css
-
事件处理
- onclick()处理点击事件
- onload 和 onunload 事件会在用户进入或离开页面时被触发。
onload 事件可用于检测访问者的浏览器类型和浏览器版本,并基于这些信息来加载网页的正确版本。
onload 和 onunload 事件可用于处理 cookie。
· - onchange 事件常结合对输入字段的验证来使用。 - onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。
- onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时,会触发 onmousedown 事件,当释放鼠标按钮时,会触发 onmouseup 事件,最后,当完成鼠标点击时,会触发 onclick 事件。
-
HTML DOM节点
- 往HTML中增加新元素必须先创建该元素,然后向一个已经存在的元素追加这个元素
var para = document.createElement('p'); var node = document.createTextNode('这里是内容'); para.appendChild(node) var element = document.getElementById('p1'); element.appendChild(para);
- 删除HTML中的元素, 如需删除 HTML 元素,您必须首先获得该元素的父元素
var element = document.getElementById('p1'); element.parentNode.removeChild(element);