修改HTML元素
2024-08-30 06:15:43
通过HTML DOM,JavaScript能够访问并修改HTML文档中的每个元素
修改元素文本内容
document.getElementById("p1").innerHTML="新文本!"; //更新了id是p1元素的文本节点内容
修改元素样式
document.getElementById("p2").style.color="blue";
document.getElementById("p2").style.fontFamily="Arial";
document.getElementById("p2").style.fontSize="larger";
通过响应事件进行上述修改
HTML DOM允许事件发生时执行相应代码,包括以下事件:
在元素上点击,如响应onclick事件
加载页面,如直接在<scripts></scripts>中写
改变输入字段,如响应onblur事件
<script>
function OnClickEnvent()
{
document.body.style.backgroundColor="lavender"; //改变body颜色
document.getElementById("p1").innerHTML="Hello World!"; //更新id是p1元素的文本内容
}
</script> <p id="p1">Hello!</p>
<input type="button" onclick="OnClickEnvent()" value="点击事件" />
最新文章
- python实现从生成器中取固定角标的元素
- What is the difference between parameterized queries and prepared statements?
- Android 学习笔记之Volley开源框架解析(二)
- oracle触发器如何使用2
- DataTables自定义事件
- js闭包深度讲解
- 不使用spring的情况下用java原生代码操作mongodb数据库的两种方式
- 【一天一道LeetCode】#115. Distinct Subsequences
- 【CF487E】Tourists(圆方树)
- Flask最强攻略 - 跟DragonFire学Flask - 第十六篇 Flask-Migrate
- js-redux学习笔记2
- 记一次ThreadPoolExecutor面试
- BZOJ 1093 最大半连通子图 题解
- flexbox父盒子align-items属性
- 10_SpringBoot集成TkMybatis插件
- linux下实现ssh无密码登录访问
- HTML5游戏实战(1):50行代码实现正面跑酷游戏
- 在Linux下搭建Git服务器步骤
- [note]BSGS &; exBSGS
- LeetCode 205 Isomorphic Strings(同构的字符串)(string、vector、map)(*)
热门文章
- Android项目依赖库管理方式简介
- num += num 与 num = num+ num
- 华为云ModelArts2.0来袭
- zz:NETCONF协议详解
- 链接脚本(Linker Script)用法解析(一) 关键字SECTIONS与MEMORY
- Android Selector和Shape的用法
- luogu P2812 校园网络【[USACO]Network of Schools加强版】|Tarjan
- nginx的一些知识(一)
- 使用java语言实现八皇后问题
- MySQL 数据查询小练习