JavaScript DOM对象

DOM简介

　　HTML DOM:当网页被加载时，浏览器会创建页面的文档对象模型

　　JavaScript能够改变页面中的所有HTML元素

　　JavaScript能够改变页面中的所有HTML属性

　　JavaScript能够改变页面中的所有CSS样式

　　JavaScript能够改变页面中的所有事件作出反应

DOM操作HTML

　　改变HTML输出流

　　　　注意：绝对不要在文档加载完成之后使用document.write()。这会覆盖该文档

　　寻找元素

　　　　通过id找到HTML元素

　　　　通过标签名找到HTML元素

　　改变HTML内容

　　　　使用属性：innerHMTL

　　改变HTML属性

　　　　使用属性：attribute

DOM操作CSS

DOMEventListener

时间： 2024-11-08 17:20:13

JavaScript DOM对象的相关文章

JavaScript DOM对象和JQuery对象相互转换

1.分析源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C

Javascript DOM对象控制HTML

首先需要了解什么是 JavaScript DOM对象以下是一些常用的方法: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <p name="pName">one</p> &

javascript DOM对象第19节

<html> <head> <title>DOM对象</title> <script type="text/javascript"> function $(id) { return document.getElementById(id); } function insertText() { var val = window.prompt("请输入",""); //alert(val);

javascript DOM对象第18节

<html> <head> <title>DOM对象</title> </head><body><div >DOM对象</div> 1.DOM节点</br> <script type="text/javascript"> var root = document.documentElement; // var oHead = root.firstChild; //var

浏览器环境下的javascript DOM对象继承模型

这张图是我直接在现代浏览器中通过prototype原型溯源绘制的一张浏览器宿主环境下的javascript DOM对象模型,对于有效学习和使用javascript DOM编程起到高屋建瓴的指导作用, 希望能够对各位同学有用.

访问兄弟节点 1. nextSibling 属性可返回某个节点之后紧跟的节点(处于同一树层级中). 语法: nodeObject.nextSibling 说明:如果无此节点,则该属性返回 null. 2. previousSibling 属性可返回某个节点之前紧跟的节点(处于同一树层级中). 语法: nodeObject.previousSibling 说明:如果无此节点,则该属性返回 null. 注意: 两个属性获取的是节点.Internet Explorer 会忽略节点间生成的空白文本节点(

javascript DOM对象控制HTML元素详解

方法 getElementsByName() 获取name getElementsByTagName() 获取元素 getAttribute() 获取元素属性 setAttribute() 设置元素属性 childNodes() 访问子节点 par

Javascript 解析字符串生成 XML DOM 对象。

Javascript 接收字符串生成 XML DOM 对象.实测对 Firefox .IE6 有效.可用于解析 ajax 的服务器响应结果,也可用于解析自定义字符串.?1. [代码]函数 ppt模版 /** * Parses DOM from XML text.<br /> * * @author Typhoon.Free.Wolf * @version 2014-02-28_15-51 * @param blDebugFlag * - Debug flag: true, f

【JQuery】jquery对象和javascript对象即DOM对象相互转换

jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象.jQuery 对象是 jQuery 独有的,其可以使用 jQuery 里的方法,但是不能使用 DOM 的方法:例如: $("#img").attr("src","test.jpg"); 这里的 $("#img")就是 jQuery 对象. DOM对象就是Javascript 固有的一些对象操作.DOM 对象能使用Javascript 固有的方法,但是不能使用