zoukankan      html  css  js  c++  java
  • dom基本获取 标签文本操作

     // 总结:
            // 1, 通过id属性值,获取标签对象
            //    document.getElementById() 
            //    一个标签对象

            // 2, 通过标签名称,获取标签对象
            //    document.getElementsByTagName()
            //    一定是一个伪数组
            //    使用for...in循环,会有多余的伪数组方法
            //    不能使用forEach循环


            // 3, 通过class属性值,获取标签对象
            //    document.getElementsByClassName()
            //    一定是一个伪数组
            //    使用for...in循环,会有多余的伪数组方法
            //    不能使用forEach循环


            // 4, 通过标签name属性值,获取标签对象
            //    document.getElementsByName()
            //    一定是一个伪数组
            //    可以使用forEach循环

            // 推荐使用方法
            // 问题:低版本IE浏览器不支持
            
            // 5, 支持一切html,css语法方式获取标签对象
            //    只获取第一个匹配条件的标签对象
            //    document.querySelector()

            // 6, 支持一切html,css语法方式获取标签对象
            //    火气所有匹配条件的标签对象
            //    document.querySelectorAll()
            //    支持forEach循环
     
      // DOM操作之标签文本内容操作
            // 标签对象.innerHTML
            //     支持获取和写入标签对象  
            // 标签对象.innerText
            //     不支持获取和写入标签对象  
            //     只支持文本的操作

            // innerHTML 可以解析标签
            // innerText 不能解析标签

            // 操作方法
            // 标签对象.innerHTML             标签对象.innerText           获取内容
            // 标签对象.innerHTML = '字符串'   标签对象.innerText = '字符串' 设定内容

            // innerHTML  和 innerText 执行的都是 全覆盖写入 操作
            // 会以设定的内容,完全覆盖之前的内容

            // document.write() 在原始内容之后,新增内容,不会覆盖之前的内容
            //                  但是只能在整个页面中输出
            // document.write('<h1>我不是不覆盖的内容</h1>')
    右侧打赏一下 代码改变世界一块二块也是爱
  • 相关阅读:
    教你如何在 Visual Studio 2013 上使用 Github
    如果你也会C#,那不妨了解下F#(1):F# 数据类型
    博客园主题美化
    适配器模式 实战
    mysql in 超过1000 解决方案
    shell: 循环日期+1
    sqoop export 报错:Got exception running Sqoop: org.kitesdk.data.DatasetNotFoundException: Descriptor location does not exist:
    git 回滚到执行版本,并推送到远程分支
    hive表增加字段,并指定字段位置
    微信抢红包架构设计
  • 原文地址:https://www.cnblogs.com/ht955/p/14058821.html
Copyright © 2011-2022 走看看