首页 > 编程语言 >JavaScript高级(DOM操作)

JavaScript高级(DOM操作)

时间:2022-10-25 12:24:14浏览次数:52  
标签:JavaScript DOM 元素 高级 获取 querySelector 操作 选择器 属性

demo01(定时器)JS setTimeout() 函数用来在指定时间后执行某些代码,代码仅执行一次。

             

demo02(获取id选择器)

              

 

demo03(获取类选择器)

 

           

demo04(获取标签选择器)

                      

 

demo05(querySelector()方法)

 

           

demo05(querySelectorAll()方法)

            

demo06(使用querySelector对元素的操作-innerText)

                  

 

demo06补充(使用querySelector对元素的操作-innerHtml)

 

                        

 

demo07(querySelector操作属性)

 

               

demo08(querySelector设置自定义属性)

      

demo09(设置元素属性)

      

 

demo09补充(设置元素属性)

 

demo10(getComputedStyle方法)用这个方法来获取元素当前的样式

 

标签:JavaScript,DOM,元素,高级,获取,querySelector,操作,选择器,属性
From: https://www.cnblogs.com/kaede/p/16824347.html

相关文章

  • React的5种高级模式
    本文概述了5种现代高级React模式,包括集成代码、优点和缺点,以及在公共库中的具体用法。像每个React开发者一样,你可能已经问过自己以下问题之一我如何建立一个可重复使用......
  • JavaScript的历史
    一、JavaScript的诞生1994年,网景公司(Netscape)发布了Navigator浏览器0.9版。这是历史上第一个比较成熟的网络浏览器特点:只能用来浏览,不具备与访问者互动的能力,一切都需要......
  • JavaScript基础
    demo01(第一个JS代码)跳弹框 直接弹出    demo02(导入外部js代码)  demo03(js的变......
  • JavaScript对象-RegExp、Global
    JavaScript对象-RegExpRegExp:正则表达式对象正则表达式:定义字符串的组成规则单个字符:[]特殊符号代表特殊含义的单个字符:/d:......
  • 617 _JavaScript_对象_Function and 618 _ JavaScript_对象_Array
    Function:函数(方法)对象1.创建       1.varfun=newFunction(形式参数列表,方法体); 注:不符合方法体正确逻辑数据多了就没法使用了       ......
  • JavaScript学习--正则表达式
       /[^0-9]/g表示除了0-9其他所有的更多在https://www.runoob.com/regexp/regexp-tutorial.html ......
  • JavaScript学习--事件监听
    事件绑定方式一:通过HTML标签中的事件属性进行绑定<inputtype="button"onclick='on()'>functionon(){alert("我被点了");} 方式二:通过DOM元素属性绑定<inputty......
  • 流程控制语句和JavaScript语法练习99乘法表
    流程控制语句流程控制语句:1.if...else...2.switch:在java中,switch语句可以接受的数据类型:byteintshorchar枚举(1.5)string(1.7)3.while4.do.......
  • How to detect if you are in Incognito mode in Google Chrome with JavaScript
    varfs=window.RequestFileSystem||window.webkitRequestFileSystem;if(!fs){console.log("checkfailed?");}else{fs(window.TEMPO......
  • JavaScript高级程序设计笔记11 期约与异步函数(Promise & Async Function)
    期约与异步函数ES6新增Promise引用类型,支持优雅地定义和组织异步逻辑。ES8增加了使用async和await关键字定义异步函数的机制。异步编程JavaScript这种单线程事件循环模......