本站长提供网站个性化定制、网站二次修改开发及服务器环境配置等技术服务,如果需要请 点击 加我 QQ 说你的需求。

JavaScript基础 – HTML DOM元素

JavaScript 小凡 668℃ 0评论

当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。

HTML DOM 模型被构造为对象的树。

1.查找 HTML 元素

(1)通过 id 查找 HTML 元素

document.getElementById(“id”);

(2)通过标签名查找 HTML 元素

document.getElementsByTagName(“p”);  注意这里是Elements,跟id不同

(3)通过类名查找 HTML 元素

document.getElementByClassName(“class”);

注意:通过类名查找 HTML 元素在 IE 5,6,7,8 中无效。

2.改变 HTML 输出流

使用 document.write() 直接向 HTML 输出流写内容

3.改变 HTML 内容

最简单的办法使用 innerHTML 属性。

4.改变 HTML 属性

如需改变 HTML 元素的属性,请使用这个语法:

5.改变 HTML 样式

如需改变 HTML 元素的样式,请使用这个语法:

相关的style属性可以参考 http://www.w3school.com.cn/jsref/dom_obj_style.asp

6.HTML 事件属性

7.使用 HTML DOM 来分配事件

8.onload 和 onunload事件

onunload貌似不起作用,可能跟浏览器兼容问题有关

9.onchange 事件

10.onmouseover 和 onmouseout 事件

11.onmousedown、onmouseup 以及 onclick 事件

12.onfocus

13.onmouseover 和 onmouseout

 

转载请注明:小凡部落 » JavaScript基础 – HTML DOM元素

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址