前端入门学习笔记（三十）JavaScript入门（十三）DOM（二）节点的简单操作、事件

最新推荐文章于 2021-04-24 14:26:34 发布

TUTsmile

最新推荐文章于 2021-04-24 14:26:34 发布

阅读量226

点赞数

分类专栏： JavaScript # DOM 文章标签： DOM DOM事件 JavaScript 事件 JavaScript 鼠标获取鼠标

本文链接：https://blog.csdn.net/TUTsmile/article/details/96909327

版权

这篇博客主要介绍了JavaScript中DOM的基本操作，包括如何获取节点、理解节点属性，并深入探讨了DOM事件，特别是针对事件处理的示例代码。通过学习，读者可以掌握在JavaScript中处理页面元素和响应用户交互的方法。

摘要由CSDN通过智能技术生成

此篇内容主要参考 How2j.cn 前端部分 / HTML DOM / HTML DOM ，
我个人认为是属于手册类型的内容，需要的时候再进行查询即可。
更多的示例代码可以前往查看获取节点、节点的属性、样式、事件这四个部分
事件 -》http://how2j.cn/k/dom/dom-event/464.html

获取节点

关键字	简介
getElementById	通过id获取元素节点
getElementsByTagName	通过标签名称获取元素节点
getElementsByClassName	通过类名获取元素节点
getElementsByName	通过表单元素的name获取元素节点
null	获取失败
attributes	获取属性节点
childNodes	获取内容节点
childern	获取子节点

用法均如下所示

仅有单个节点时（此处以get Id为范例）
<html>
  
<div id="d1">hello HTML DOM</div>
<script>
var  div1 = document.getElementById("d1");
document.write(div1);
</script>
</html>

有多个节点时（此处以get TagName作为范例，childnode也适用于此方法）
<html>
   
<div >hello javascript</div>
<div >hello BOM</div>
<div >hello DOM

最低0.47元/天解锁文章

TUTsmile

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端入门学习笔记（三十）JavaScript入门（十三）DOM（二）节点的简单操作、事件

此篇内容主要参考 How2j.cn 前端部分 / HTML DOM / HTML DOM ，我个人认为是属于手册类型的内容，需要的时候再进行查询即可。更多的示例代码可以前往查看获取节点、节点的属性、样式、事件这四个部分事件 -》http://how2j.cn/k/dom/dom-event/464.html获取节点关键字简介getElementById通过id获取...
复制链接

扫一扫

专栏目录