html dom java_[Java教程]HTML DOM介绍

[Java教程]HTML DOM介绍

0 2016-09-13 16:00:18

HTML DOM定义了一系列的对象，以及访问和处理HTML的方法。通过DOM可以浏览所有的HTML元素，不但可以修改或者删除元素的文本和属性，而且可以创建新的元素。

一.首先对一个元素进行操作前，要得到要操作的元素，有三种方法得到元素：

1.通过id名，getElementById(id)

2.通过TagName,getElementByTagName(tagname)

3.通过ClassName,getElementByClassName(classname)

或者用jQuery方法来的到元素更加容易

1.通过id名，$("#text")得到id="text"的元素

2.通过TagName，$("p")得到所有的

元素

3.通过ClassName,$(".text")得到的所有元素

4.$(this)表示当前的HTML元素

二.得到元素后就可以进行操作了

1.属性innerHTML获得或设置元素文本内容

2.改变样式：如将id="text‘的元素颜色改为红色

var x=document.getElementById("#text");x.style.color="red";

3.创建新的元素：如创建一个

标签，内容为“this is a new p",再将新建的元素放置在id="text”元素后

var x=document.creatElement("p");

var content=document.createTextNode("this is a new");

x.appendChild(content);

var y=document.getElementById("text");

y.appendChild(x);

jQuery方法操作

1.属性：text()获得或设置元素文本

html()获得或设置包含html标签的文本

val()获得或设置表单的内容

attr()h获得或设置属性

2.样式：css()获得或设置CSS属性

3.创建元素：如创建一个

标签，内容为“this is a new p",再将新建的元素放置在id="text”元素后

$("#text").append("

this is a new p

");

三.常见事件

onclick 单击

onload 加载页面

onchange 改变输入字段的内容时触发

onmouseover 鼠标移动到事件

onmouseout 鼠标移出事件

onmouseup 鼠标松开事件

onmousedown 鼠标按下事件

本文网址：http://www.shaoqun.com/a/250546.html

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：admin@shaoqun.com。

HTML

0