学习HTML DOM笔记

简介: 学习HTML DOM笔记

使用事件

HTML DOM 允许您在事件发生时执行代码。

当 HTML 元素"有事情发生"时,浏览器就会生成事件:

在元素上点击

加载页面

改变输入字段

你可以在下一章学习更多有关事件的内容。

下面两个例子在按钮被点击时改变 <body> 元素的背景色:

实例

<input type="button"

onclick="document.body.style.backgroundColor='lavender';"

value="修改背景颜色">


在本例中,由函数执行相同的代码:

实例

<script>

function ChangeBackground()

{

   document.body.style.backgroundColor="lavender";

}

</script>

 

<input type="button" onclick="ChangeBackground()" value="修改背景颜色" />


下面的例子在按钮被点击时改变 <p> 元素的文本:

实例

<p id="p1">Hello world!</p>

 

<script>

function ChangeText()

{

   document.getElementById("p1").innerHTML="Hello Runoob!";

}

</script>

 

<input type="button" onclick="ChangeText()" value="修改文本" />

目录
相关文章
|
6月前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
6月前
|
前端开发
个人征信PDF无痕修改软件,个人征信模板可编辑,个人征信报告p图神器【js+html+css仅供学习用途】
这是一款信用知识学习系统,旨在帮助用户了解征信基本概念、信用评分计算原理及信用行为影响。系统通过模拟数据生成信用报告,涵盖还款记录
|
JavaScript
HTML DOM 节点树
HTML DOM 节点是指在 HTML 文档对象模型中,文档中的所有内容都被视为节点。整个文档是一个文档节点,每个 HTML 元素是元素节点,元素内的文本是文本节点,属性是属性节点,注释是注释节点。DOM 将文档表示为节点树,节点之间有父子和同胞关系。
|
JavaScript
HTML DOM 节点
HTML DOM(文档对象模型)将HTML文档视为节点树,其中每个部分都是节点:文档本身是文档节点,HTML元素是元素节点,元素内的文本是文本节点,属性是属性节点,注释是注释节点。节点间存在父子及同胞关系,形成层次结构。
|
JavaScript 前端开发 容器
js之dom学习
js之dom学习
211 0
html基础知识学习
html基础知识学习
131 0
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)