精华内容
下载资源
问答
  • 1.通过id获取DOM元素的方法:document.getElementById("id名")   2.通过class获取DOM元素的方法:document.getElementsByClassName("class名")   从函数的名字可以知道,通过getElementsByClassName...

    1.通过id获取DOM元素的方法:document.getElementById("id名")

     

    2.通过class获取DOM元素的方法:document.getElementsByClassName("class名")

     

    从函数的名字可以知道,通过getElementsByClassName获取到的是一个数组,包括多个DOM元素,所以要执行DOM元素的方法,必须加一个索引,比如document.getElementsByClassName("class名")[0]。

    而由于id是唯一的,所以通过getElementById只有一个DOM元素,可以直接调用DOM方法。

    比如隐然DOM元素

    1、document.getElementById("id名").style.display="none"

    2、document.getElementsByClassName("class名")[0].style.display="none"

    展开全文
  • 1.通过id获取DOM元素的方法:document.getElementById(“id名”) 2.通过class获取DOM元素的方法:document.getElementsByClassName(“class名”) document.getElementById("id名") document.getElementsByClassName...

    通过id和class名获取DOM元素的区别?

    1.通过id获取DOM元素的方法:document.getElementById(“id名”)
    2.通过class获取DOM元素的方法:document.getElementsByClassName(“class名”)

    document.getElementById("id名")
    document.getElementsByClassName("class名")
    

    从函数的名字可以知道,通过getElementsByClassName获取到的是一个数组,包括多个DOM元素,所以要执行DOM元素的方法,必须加一个索引,比如document.getElementsByClassName(“class名”)[0]。

    而由于id是唯一的,所以通过getElementById只有一个DOM元素,可以直接调用DOM方法。

    比如隐然DOM元素

    1、document.getElementById("id名").style.display="none"
    
    2、document.getElementsByClassName("class名")[0].style.display="none"
    

    自己试一下打印出来就可以看到俩者的区别

    展开全文
  • js获取dom元素

    2021-04-05 09:44:49
    JS获取DOM元素的方法(8种) 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名(getElementsByClassName) 通过选择器获取一个元素(querySelector)...

    JS获取DOM元素的方法(8种)

    1. 通过ID获取(getElementById)
    2. 通过name属性(getElementsByName)
    3. 通过标签名(getElementsByTagName)
    4. 通过类名(getElementsByClassName)
    5. 通过选择器获取一个元素(querySelector)
    6. 通过选择器获取一组元素(querySelectorAll)
    7. 获取html的方法(document.documentElement)
    8. 获取body的方法(document.body)
    1.通过ID获取(getElementById)
    document.getElementById('id')
    

    上下文必须是document。
    必须传参数,参数是string类型,是获取元素的id。
    返回值只获取到一个元素,没有找到返回null。

    2.通过name属性(getElementsByName)
    document.getElementsByName('name')
    

    上下文必须是document。内容
    必须传参数,参数是是获取元素的name属性。
    返回值是一个类数组,没有找到返回空数组。

    3.通过标签名(getElementsByTagName)
    var obj = document.getElementsByTagName('div');
    for(let i = 0; i<obj.length; i++){
            obj[i].onclick = function(e){
                console.log(i)
            }
        }
    

    上下文可以是document,也可以是一个元素,注意这个元素一定要存在。
    参数是是获取元素的标签名属性,不区分大小写。
    返回值是一个类数组,没有找到返回空数组。

    4.通过类名(getElementsByClassName)
    var obj1 = document.getElementsByClassName('animated')
    // console.log
    0:div.app.animated
    1:div#login.login.animated.rubberBand
    2:div#reg.reg.animated.shake
    3:div#kefu.kefu.animated.swing
    4:div#LoginState.state.animated.bounce
    5:div.loginState.animated
    6:div.regState.animated
    7:div.pop.animated
    

    上下文可以是document,也可以是一个元素。
    参数是元素的类名。
    返回值是一个类数组,没有找到返回空数组。

    5.通过选择器获取一个元素(querySelector)
    document.querySelector('.animated')
    

    上下文可以是document,也可以是一个元素。
    参数是选择器,如:”div .className”。
    返回值只获取到第一个元素。

    6.通过选择器获取一组元素(querySelectorAll)
    document.querySelector('.animated')
    

    上下文可以是document,也可以是一个元素。
    参数是选择器,如:”div .className”。
    返回值是一个类数组。

    展开全文
  • JS获取DOM元素

    2020-08-30 23:30:54
    JS获取DOM元素的方法 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名(getElementsByClassName) 通过选择器获取一个元素(querySelector) 通过...
    JS获取DOM元素的方法
    • 通过ID获取(getElementById)
    • 通过name属性(getElementsByName)
    • 通过标签名(getElementsByTagName)
    • 通过类名(getElementsByClassName)
    • 通过选择器获取一个元素(querySelector)
    • 通过选择器获取一组元素(querySelectorAll)
    • 获取html的方法(document.documentElement)
      • document.documentElement是专门获取html这个标签的
    • 获取body的方法(document.body)
      • document.body是专门获取body这个标签的。
    1.通过ID获取(getElementById)
    document.getElementById('id')
    
    • 上下文必须是document。
    • 必须传参数,参数是string类型,是获取元素的id。
    • 返回值只获取到一个元素,没有找到返回null。
    2.通过name属性(getElementsByName)
    document.getElementsByName('name')[0]
    
    • 上下文必须是document。内容
    • 必须传参数,参数是是获取元素的name属性。
    • 返回值是一个类数组,没有找到返回空数组。
    3.通过标签名(getElementsByTagName)
    document.getElementsByTagName('div')[0]
    
    • 上下文可以是document,也可以是一个元素,注意这个元素一定要存在。
    • 参数是是获取元素的标签名属性,不区分大小写。
    • 返回值是一个类数组,没有找到返回空数组
    4.通过类名getElementsByClassName
    document.getElementsByClassName('wrap')[0]
    
    • 上下文可以是document,也可以是一个元素。
    • 参数是元素的类名。
    • 返回值是一个类数组,没有找到返回空数组。
    5.通过选择器获取一个元素(querySelector)
    document.querySelector('.content')
    
    • 上下文可以是document,也可以是一个元素。
    • 参数是选择器,如:”div .className”。
    • 返回值只获取到第一个元素。
    6.通过选择器获取一组元素(querySelectorAll)
    document.querySelector('.content')
    
    • 上下文可以是document,也可以是一个元素。
    • 参数是选择器,如:”div .className”。
    • 返回值是一个类数组。
    展开全文
  • 一、通过id属性获取 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&g
  • js 获取dom元素方法

    2019-05-16 10:56:05
    js 获取dom元素的八种方法 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名(getElementsByClassName) 通过选择器获取一个元素(querySelector) ...
  • 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名(getElementsByClassName) 获取html的方法(document.documentElement) 获取body的方法(document...
  • JS如何获取DOM元素

    2020-07-21 11:09:01
    文档对象模型(Document Object Model),是W3C组织推荐的...JS获取DOM元素的方法(8种) 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名(getElem
  • 获取dom元素 <body> <!-- <div id="box">我是一个DIV</div> <p class="item">这是一个p标签1</p> <p class="item">这是一个p标签2</p> <span name="x1">我...
  • js获取DOM元素的方法

    2020-02-02 16:52:24
    js获取dom元素的方法 通过ID获取 (getElementById) 通过name属性 (getElementByTagName) 通过类名 (getelementsByClassName) 通过选择器获取一个元素 (querySelector) 通过选择器获取一组元素 (querySelectorAll) ...
  • Jsoup获取DOM元素

    2017-07-13 14:28:32
    Jsoup提供了丰富的API来给我们查找我们需要的DOM元素 通过HttpClient 爬取页面,在用Jsoup获取指定元素 例举一些常用的 getElementById(String id) 根据id来查询DOM getElementsByTag(String tagName) ...
  • JS中获取DOM元素的方法总共有5种: 1.通过id值。 2.通过name属性值。 3.通过指定的标签名。 4.通过class类名。 5.通过css选择器(css选择器如何选择,就可以如何选择) 1、通过id选取元素(getElementById) 1)使用...
  • 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名(getElementsByClassName) 通过选择器获取一个元素(querySelector) 通过选择器获取一组元素...
  • JS获取DOM元素的方法(8种) 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名(getElementsByClassName) 通过选择器获取一个元素(querySelector) ...
  • 但是不想选择文件之后就直接上传,就改写了文件的获取方式,通过document先获取文件,点击之后再上传: <input type="file" id="blog" placeholder="选择文件"/> <button @click="uploadBlog">上传博客&...
  • js 获取 DOM 元素注意事项 getElementById调用者 getElementById方法是 Document 对象的方法,调用者只能是document,而不像其他获取元素的方式,调用者可以是 DOM 元素。...通过类名,标签名获取元素类数组是实...
  • vue获取dom元素的方式

    2019-06-28 16:43:00
    vue中一个子组件在父组件中有两个相同的子组件,如何获取子组件的dom元素呢,你可能想到的是使用vue提供的ref,通过$refs获取dom元素 但是如果两个子组件采用相同的方法就会获取到相同的元素,在这里可以通过...
  • JavaScript HTML DOM 元素 通常,通过 JavaScript,查找 HTML 元素有以下几种方法。 通过 id 查找 HTML 元素 通过标签名查找 HTML 元素 通过类名查找 HTML 元素 通过 CSS 选择器查找 HTML 元素 通过 HTML 对象集合...
  • JS获取DOM元素的方法

    2020-04-05 20:20:01
    JS获取DOM元素的方法 通过ID获取(getElementById) id具有唯一性,获取到的就是页面中的那个 id 为 box 的 div 标签 如果页面中的id重复了,那么这个方法默认只获得第一个元素 如果没有获取到,返回的结果为null ...
  • 当我们需要改变某一个元素的内容时,首先要获取dom元素。其次,通过dom.innerHtml等改变dom的内容。但是针对一些没有class、id同时页面的元素还是动态渲染的场景,我们又该如何做呢? 例如,下图中的div没有class...
  • 最近在做的看板项目,因为需要循环加载后台数据,并且用Echarts做数据呈现,所以jQuery和angular等库统统靠边站,Echarts用的是原生js获取DOM元素,至于诸多不兼容等深水坑我就不多赘述了。 2.问题引入: 当我...
  • JS-获取DOM元素

    2019-09-24 09:35:39
    通过id获取指定元素 由于id不可以重复, 所以找到了就会将找到的标签包装成一个对象返回给我们, 找不到就返回Null DOM操作返回的是一个对象, 这个对象是宿主类型对象(浏览器提供的对象) let oDiv = document....
  • 获取DOM元素的方法

    2020-04-21 17:33:19
    1.通过ID获取(getElementById) <div id="box"></div> <script> let box= document.getElementById("box"); </script> getElementById()括号中的不需要在前面加“#”,因为方法就决定了...
  • JS获取DOM元素的方法 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名(getElementsByClassName) 通过选择器获取一个元素(querySelector) 通过...
  • 获取dom元素操作整理

    2019-09-01 16:24:46
    文章目录获取元素属性和方法方法属性增删改操作创建添加克隆删除自定义属性修改样式document...document.getElementById([ID])// 通过id获取元素节点 document.getElementsByTagName([Tag-name]) // <input name...
  • Javascript常用的获取dom元素的方法 通过ID获取 (document.getElementById(“id名”)) 获取的是单个元素 通过Class类名获取 (document.getElementsByClassName(’'类样式名") 获取的是一个数组 通过标签名获取 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,676
精华内容 670
关键字:

通过id获取dom元素