DOM、事件、变量类型和作用域

最新推荐文章于 2023-08-08 16:28:00 发布
最新推荐文章于 2023-08-08 16:28:00 发布
阅读量282 收藏 2
点赞数
分类专栏： 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46766870/article/details/111402380
版权
本文详细介绍了JavaScript中的DOM基础，包括设置元素样式、innerHTML和className的操作。接着讨论了如何获取和设置DOM属性，以及事件处理，如HTML事件、鼠标事件和键盘事件。还涉及到了JavaScript的数据类型、内存管理、变量比较和作用域概念。
摘要由CSDN通过智能技术生成

dom基础

（一）设置元素的样式

ele.style.stylName = styleValue  元素样式

 ele要设置样式的dom对象

 styleName 样式名称，驼峰命名

 sytlevalue 样式值

1.png

（二）innerHTML

1.ele.innerHTML   返回ele元素开始和结束标签之间的HTML

 2.png

ele.innerTEXT与innerHTML区别：

 innerHTML:在HTML中包括HTML标签都解析成重文本    

3.png

innerText:只获得到文本

4.png

5.png

 

2.ele.innerHTML=“html”     设置ele元素开始和结束之前的HTML内容为html

（三）className

1. ele.classname  返回ele元素的class属性

2.ele.classname = "cls"  设置ele元素的class属性为cls

6.png

样式设置

最低0.47元/天 解锁文章
韩佳荣
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
详解Angular模板引用变量及其作用域
10-17
在Angular框架中，模板引用变量（Template Reference Variables）是一个强大的工具，它允许开发者在模板中引用DOM元素、Angular...在实际开发中，应确保变量的定义和使用都处在正确的模板作用域内，以避免潜在的错误。
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
12-01
这种处理函数在执行时具有特殊的作用域链，这个作用域链的构成在不同的浏览器中可能存在差异，可能导致脚本运行错误，尤其是在涉及变量访问和方法调用时。 1. 内联事件处理函数的作用域链： - 调用对象：通常是指...
作用域和 DOM
weixin_30564901的博客
10-29 121
1. 逻辑运算 || && ! 1||2 5&&4 !0 || 遇到第一个为true的数字就终止并返回 && 遇到第一个为false的值就终止返回false的值，如果没有false就返回最后那个数 ||和&&在一起 &&的优先级比较高高于|| 2. 作用...
DOM中的范围
wurourouzhang的博客
01-09 405
1.范围：通过范围可以选择文档中的一个区域，不必考虑节点的界限。使用document.createRange()方法可以创建范围（Range类型的实例）。新创建的范围直接与创建他的文档关联在一起，不能用于其他文档。 使用Range类型的实例（范围）来选择文档的一部分可以使用selectNode(DOM节点)和selectNodeContents()函数     Range类型的实例的属性和方法...
作用域、DOM、属性操作、
m0_68618659的博客
08-06 169
作用域：全员作用域和局部作用域全员作用域：整个页面，只有当前页面关闭时，全员作用域才会失效局部作用域：全局作用域中有划分出的小范围作用域，函数内部可以创建局部作用域，到目前为止，也只有函数内部可以创建局部变量全局变量可以在函数内部进行访问，但是函数内部定义的变量不能在函数外部进行访问。...
angular中获取一个dom元素的作用域
liangyiyiliang的专栏
07-29 1351
1.首先获取这一个dom元素      2.通过这个元素获取这个元素的作用域 代码如下： var dom = document.getElementById('targetId'); var targetscope=angular.element(dom).scope();
JavaScript基础一 简介、入门、事件、变量
tufeiax的专栏
06-19 390
一、JavaScript简介 1、什么是JavaScript JavaScript是具有面向对象能力的、解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。它不需要在一个语言环境下运行，而只需要支持它的浏览器即可。它主要的目的是，验证发往服务器端的数据、增加web互动、加强用户体验等。 2、JavaScript特点 1）松散性：JavaScript语言
关于JS管理作用域的问题
10-27
在学习JavaScript时，作用域是个非常关键的概念，它决定了变量和函数的可访问性。本文将深入解析JavaScript如何管理作用域和作用域链，以及标识符的解析过程和一些实践技巧，帮助开发者优化代码性能。 首先，我们来...
JS全局变量和局部变量最新解析
10-22
在`GodDamnTest2`至`GodDamnTest5`的示例中，我们看到了`this`和局部变量如何在不同函数和作用域中交互。特别是`GodDamnTest4`和`GodDamnTest5`，它们展示了在闭包中`this`和局部变量的行为，以及在嵌套函数中如何...
dom写法和jquery写法
dxm809的博客
03-25 211
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title> <meta charset="utf-8&quot
全局 DOM 变量
weixin_30466421的博客
05-11 136
全局 DOM 变量 你可能已经知道，声明一个全局变量（使用 var 或者不使用）的结果并不仅仅是创建一个全局变量，而且还会在 global 对象（在浏览器中为 window ）中创建一个同名属性。 还有一个不太为人所知的事实是：由于浏览器演进的历史遗留问题，在创建带有 id 属性的 DOM 元素时也会创建同名的全局变量。例如： <div id="foo"></div> 以及...
JS笔记-熟悉DOM元素中的各种属性
龐校長PAMPANG
07-29 557
今天在看别人的JS原生代码的时候，突然发现了很多此前没有看过的属性，例如：documentElement, nodeName, nodeValue, nextSibling, firstChild等。在代码中，恰当的运用了这些属性，达到了事半功倍的效果，非常便利、好用。于是乎，我翻阅了一些资料，总结了一下关于DOM元素的基本属性： Today, when I was reading the Ja
js一起学08：DOM基础——变量、预解析、引用、索引、比较、排序、异常、表达式...
u011587845的专栏
12-18 100
一、变量 1. 作用域：全局、局部、闭包 2. var a=12;   不加var，会变成全局变量。 3. 全局变量：容易重名，影响性能 4. 局部变量和全局变量重名，局部会屏蔽全局。 5. 给window加东西，是全局的。用途：把封闭空间的东西，变成全局。 (function(){     window.a=12;     alert(a); })() 二、预解析 1....
JavaScript中的 DOM操作
YANG_helloworld的博客
01-11 769
DOM操作 标签内容 , 标签数据 , 标签属性 ,点击事件 , class属性 , css样式设定 , css样式获取 , 标签的占位
【JavaScript】DOM元素的获取及操作、函数及变量的预编译
TwInkle
12-22 253
☆常用DOM元素的获取方式 var btn=document.getElementsByClassName(&amp;quot;btn&amp;quot;); var btn=document.getElementById(&amp;quot;btninfo&amp;quot;); var btn=document.getElementsByName(&amp;quot;btn&amp;quot;); var btn=document.getEleme
DOM操作
weixin_58448088的博客
01-13 255
1.获取html标签操作的对象 2.用JS来设定CSS样式 3.CSS样式获取 4.获取和设定标签数据、标签属性、class属性
DOM声明变量,获取元素,定时器
最新发布
qq_45994446的博客
08-08 105
1//1//测试
JavaScript学习笔记(第七章—DOM)
qq_45585500的博客
09-27 723
JavaScript学习笔记(第七章—DOM) 1、DOM对象简介 1.1 什么事DOM对象 DOM(Document Object Model 文档对象模型)可以完成HTML和XML文档的操作，在JavaScript中利用DOM操作HTML和CSS样式是最常用的样式之一。DOM对JavaScript是一种可操作HTML文档得重要手段。利用DOM可完成对HTML文档内所有元素的获取、访问、标签属...
JavaScript HTML DOM方法、操作、属性
路虽远，行则必至！
07-02 302
一、一些常用的 HTML DOM 方法 方法 描述 getElementById() 返回带有指定 ID 的元素 getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点 列表（集合/节点数组）/节点数组） getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表 getElementsByName() ...
JavaScript技术精讲：变量作用域、DOM操作与错误处理
"JavaScript技术笔记第三部分，由资深讲师李强强分享，涵盖CSS样式、HTML元素属性、JavaScript变量作用域、DOM操作以及jQuery错误处理等核心知识点。" 在JavaScript技术笔记第三部分中，讲解了多个关键概念和技巧，...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值