JavaScript编程基础与HTML操作实践.pdfVIP

JavaScript

一、Dom编程

1、什么是DOM

documentobjectmodel，是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松地

页面中所有的组件。

一般来说，Dom分为这样几种：

Domcore

appendChild()

getElementsByTagName()

setAttribute();

Htmldomdocument

图像.src=’1.jpg’

div.innerHTML=’’;

Cssdomstyle

对象.style.width

对象.style.height

JavaScript

一、Dom编程

1、这是一个判断

文档对象模型，是一个与浏览器、平台、语言无关的接口，使用该接口可以方便地页面中

的所有组件。

一般来说，它们分为以下几种类型：

DomappendChild()

getElementsByTagName()

setAttribute();Html

dom文档

名生.src’1.jpg’

div.innerHTML’’;CSS

domstyle公学.style.width公

学.style.height

二、HTMLDOM

1、在htmldom,如果想获得dom模型，需要使用document对象

既然document对象表示整个模型，接下来，我们可以通过document对象调用domcore

方法或属性

Varel=document.getElementById();

Varel=document.getElementsByName();

Varel=document.getElementsByTagName();

el.src或el.innerHTML是表示调用htmldom属性

el.appendChild()或el.setAttribute()是表示调用domcore方法

2、在页中，放入一组复选框，实现全选，取消，反选功能，实现批量删除

代码见：

demo04.html

dkemo05.php

二、HTML域

一、在htmldom中，如果想要获取dom模型，需要使用文档对象

由于文档对象显示了整个模型，接下来，我们可以使用文档对象来调用的dom方

法

vareldocument.getElementById();varel=

document.getElementsByName();varel=

document.getElementsByTagName();

el.src或el.innerHTML是这些htmldomattribute

el.appendChild()或el.setAttribute()是设计domcore方法

2、在页中，放入一组复选，实现全选、取消、反选设计，实现批量