JavaScript之DOM2

**

JavaScript之DOM2

**

2.2改变元素内容

1．element.innerText

写入：不识别HTML标签，里面的内容会直接显示
读取：去除空格和换行

2．element.interHTML

写入：识别HTML标签 读取：保留空格和换行

注：element为元素名

2.3表单元素的属性操作

1．input.value

修改表单里面的值、文字

2．btn.disabled

按钮被禁用

2.4样式的属性操作

1．element.style.

行内样式操作

2．element.className.

类名样式操作，需要现在css中定义一个类

注：如果修改样式较多，可以采用操作类名方式更改元素样式
className会直接更改元素类名，会覆盖原先的类名
如果要保留原先的类名，可以用多类选择器

2.5鼠标事件

• onclick 点击
• onblur 表单焦点外
• onfocus 表单焦点内
• onmouseover 鼠标经过
• onmouseout 鼠标离开
• contextmenu 鼠标右键
• selectstart 选中文字
• mousemove 鼠标移动