IIronMan
IIronMan

JavaScript-21.内置对象document

1.可以动态获取网页中所有的标签（节点）

2.可以对获取到的标签进行增删改查CRUD

document.write('helloword');
document.write('');
document.write('![](https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png) ');

3. document的常用操作

  • 1.获取网页中的图像标签,改变src的属性

    



8.document的常用操作





![](js/image/icon_09.png)
    1. 对标签的操作，拿到所有要操作的标签，监听按钮的点击
  
  
  
  
  9.document的常用操作2

  
  

     ![](js/image/icon_03.png)
     
这里风景很美
JavaScript-21.内置对象document_第1张图片
显示与隐藏

感悟：如果想改变一个标签，首先要拿到这个标签，让后对其做出操作

你可能感兴趣的:(JavaScript-21.内置对象document)

  • Django之Debug篇 菜鸟之编程 Djangodjangopython后端
    一、DebugToolBar基本使用1.1、概述Django框架的调试工具栏使用django-debug-toolbar库，是一组可配置的面板，显示有关当前请求/响应的各种调试信息，点击时，显示有关面板内容的更多详细信息。官方文档：DjangoDebugToolbar—DjangoDebugToolbar4.3.0documentation1.2、安装pipinstalldjango-debug-
  • C++ pdf 打印 插入图片 灿烂李 java前端服务器
    一：使用PODOFO给PDF插入图片：#includeintmain(){PoDoFo::PdfMemDocumentpdfDocument;PoDoFo::PdfPage*page;PoDoFo::PdfImageimage;PoDoFo::PdfVecObjects*vec_objects;PoDoFo::PdfRectrect;//打开PDF文档pdfDocument.loadFromFil
  • VUE 页面禁止缩放（华为平板浏览器可能失效） 唐屁屁儿 JSvuewebviewjavascript
    h5页面移动端禁止缩放、web页面禁止浏览器缩放移动端优先，可禁止用户缩放和双击放大；在App.vue中的script内的方法里加入以下代码：window.onload=function(){document.addEventListener('touchstart',function(event){if(event.touches.length>1){event.preventDefault()
  • Python Flask 使用数据库 安果移不动 pythonflask开发语言
    pipinstallflask_sqlalchemy官方文档：Flask-SQLAlchemy—Flask-SQLAlchemyDocumentation(3.1.x)为了不报错也需要导入另外两个库#pipinstallflask_sqlalchemy#pipinstallmysqlclient完整代码importosfromflaskimportFlaskfromflask_sqlalchemy
  • js 操作属性 if switch 你想Ta吗
    条件语句：条件语句是通过判断指定表达式的值来决定执行还是跳过某些语句。最基本的条件语句：if...else、switch...caseJS操作属性：DOM是为了操作文档（网页）的API，document是它的一个对象BOM是为了操作浏览器的API，window是它的一个对象常用BOM对象还有：alert、定时器等。JS可控换肤：通过按钮的点击来更换皮肤。但是要连接外部样式表，通过点击事件来更换不同
  • CDH 启停使用HiveServer2 金刚_30bf
    翻译：https://www.cloudera.com/documentation/enterprise/latest/topics/cdh_ig_hiveserver2_start_stop.html版本：5.14.2HiveServer2是HiveServer的改进版本，支持Kerberos身份验证和多客户端并发访问。您可以使用Beeline客户端访问HiveServer2。警告：如果以远程模
  • 解析XML文件的几种方式？ 人生在勤，不索何获 xml
    在Java中解析XML文件可以通过多种方式完成，其中最常用的有DOM（DocumentObjectModel）、SAX（SimpleAPIforXML）和StAX（StreamingAPIforXML）。每种方式有其特点和适用场景。1.DOM解析DOM解析是一种将整个XML文档加载到内存中，构造成一个树形结构，然后你可以很方便地访问任何数据节点的方法。这种方法适用于需要频繁读写操作的场景。impo
  • @llvm.amdgcn.workitem.id.x()引发的一些前后端的调研 jc小小川+幻幻融hr 小小川编译器elasticsearch大数据搜索引擎
    记录资料：UserGuideforAMDGPUBackend—LLVM5documentationintrinsic函数会执行lowerintrinsicspassllvm-project-main/llvm/lib/CodeGen/IntrinsicLowering.cppllvm-project-main/llvm/lib/Target/AMDGPU/AMDGPULowerIntrinsics
  • JavaScript和HTML/CSS之间有什么区别？它们之间的关系是什么？ 智伴科技 javascripthtmlcss
    下面是一个简单的代码示例，展示了HTML、CSS和JavaScript是如何一起工作的：HTML,CSS,JavaScriptExample/*在HTML文档内使用内联CSS*/.greeting{color:blue;font-size:24px;}Hello,素材8网，www.sucai8.cnChangeText//在HTML文档内使用内联JavaScriptdocument.addEven
  • 【CesiumJS-5】绘制动态路线实现飞行航线、汽车轨迹、路径漫游等 神似彭于晏的男人 WebGLcesium前端webgl
    实现效果前言Cesium中，动态路线绘制的核心是借助CZML格式，CZML是一种用来描述动态场景的JSON数组,可以用来描述点、线、多边形、体、模型及其他图元,同时定义它们是怎样随时间变化的；CZML主要做三件事：1.添加模型信息2.添加路径信息3.计算速度，修改时间CZML数据格式[{"id":"document","version":"1.0","clock":{"interval":"202
  • react可视化编辑器 第五章 升级版 拖拽、缩放、转圈、移动 zhooson react.js编辑器前端
    本章代码结构：主入口Test.tsx,组件：ResizeControl.tsx本章花费俩天时间完成代码例子，单独抽离代码封装好一个ResizeControl组件，拿来即用。代码中constdomObj=document.getElementById(resize-item-${startPos.id})这句是关键代码，不然获取的dom节点有问题，导致多个红色div操作时候会重叠ResizeCont
  • React 测试库 - API liangshanbo1215 TestingLibraryreact.js前端前端框架单元测试
    ReactTestingLibrary也会重新导出DOMTestingLibrary中的所有内容如以下方法：renderfunctionrender(ui:React.ReactElement,options?:{/*Youwon'toftenusethis,expandbelowfordocsonoptions*/},):RenderResult渲染到到document.body的容器中。imp
  • MongoDB聚合运算符：$documentNumber 原子星 mongodbmongodb数据库
    文章目录语法用法举例每个州的文档编号重复值、空值和缺失值的文档编号$documentNumber聚合运算符返回$setWindowFields聚合阶段文档在分区中的位置。从版本5.0开始支持。语法{$documentNumber:{}}$documentNumber聚合运算符没有参数。用法$setWindowFields阶段的sortBy字段决定了文档的编号。$documentNumber返回文档
  • Vue<动态修改浏览器头部小图标及标题> 誰在花里胡哨
    修改位置：此处是如何动态修改的，如果你想要简单的配置图标的话，点击查看可以此篇文章image.png在index.html里面进行配置（.ico为你要动态更换的图标）image.png代码如下：-->-->-->//此处是通过判断session里面存储的渠道CHANNEL进行判断varchannel=window.sessionStorage.CHANNELvarhead=document.get
  • jQuery ready 和 window.onload 的区别 BluesCurry
    执行时间：window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。$(element).ready()是DOM结构绘制完毕后就执行，不必等到页面所有元素加载完毕。编写方法个数不同：window.onload不能同时编写多个，如果有多个window.onload方法只会执行一个。$(element).ready()可以同时编写多个，并且都可以得到执行。注：$(document)
  • 前端复制功能 方法总汇 野生切图仔 JS骚操作前端javascript
    前端复制到剪贴板有时候我们点击按钮，要将一些内容复制到剪贴板，大家是怎么实现的呢？针对3种情况,实现点击按钮实现复制到剪贴板Ⅰ、点击，复制一个input框表单元素是可以直接被选中的，我们直接select选中copyfunctioncopyInput(){constinput=document.getElementById("textInput");input.select();//选中该输入框do
  • SpringBoot实现 PDF 添加水印 A尘埃 springbootpdf后端水印
    方案一：使用ApachePDFBox库①、依赖org.apache.pdfboxpdfbox2.0.24②、添加水印publicclassPdfoxWatermark{publicstaticvoidmain(String[]args)throwsIOException{//读取原始PDF文件PDDocumentdocument=PDDocument.load(newFile("original.
  • 【Linux内核文档翻译】NTB驱动程序 双珵 翻译linux
    原文：NTBDrivers—TheLinuxKerneldocumentation译者：jklincn日期：2024.03.07NTB驱动程序NTB（Non-TransparentBridge，非透明桥）是一种PCI-Express桥接芯片类型，它将两台或更多计算机的独立内存系统连接到同一个PCI-Express结构上。现有的NTB硬件支持一个通用功能集：门铃（原文：doorbell）寄存器和内存
  • vue 3 CDN 模版代码 xiaofei0627 vuevue.js前端javascript
    Document***const{createApp,ref,reactive,watch,computed}=VueconstApp={setup(){conststate=reactive({status:'1',name:''})return{state}}}constapp=createApp(App)app.use(ElementPlus)app.mount('#app')
  • (转载)SlickEdit基本设置 evense 系统
    SlickEdit里面的文件不要使用中文路径(16.0.0.6版本有这个bug,16.0.3已经修正)会造成项目里面的TagFiles无法自动自动连接,从而不能够整个项目的自动匹配变量和函数;Tools-->TagFilesSlickEdit软件自身BUG,在对中文做块注释的时候会使得中文变成乱码;Document-->CommentBlockSlickEdit软件(16.0.3版本)的配置导出再
  • java实现 pdf转word 空╯﹏╰白
    这里使用ApachePDFBox是Java开源PDF文档第三方库工具集,主要特征提取提取pdf提取文本、分隔合并、填写表单、保存为图片、PDF数字签名及创建PDF文件。添加maven依赖org.apache.pdfboxpdfbox2.0.4附上代码packagecom.zk;importorg.apache.pdfbox.pdmodel.PDDocument;importorg.apache.p
  • IS BOUND, IS INITIAL 和 IS ASSIGNED的区别 Harryjing2018 ABAP其他
    文章目录1Introduction2Explaination1IntroductionThesetsofthesethreepredicateexpressionscaneasilyconfuseABAPnewbies,iftheexplanationforthemincorrespondingABAPhelpdocumentarenotseriouslytaken.2ExplainationTh
  • Nginx配置 刘某的Cloud 网络集群nginx运维
    目录1.主配置文件2.server配置文件3.html配置文件1.主配置文件vim/etc/nginx/nginx.conf#Formoreinformationonconfiguration,see:#*OfficialEnglishDocumentation:http://nginx.org/en/docs/#*OfficialRussianDocumentation:http://nginx
  • ES6之Proxy代理 27亿光年中的小小尘埃
    什么是Proxy代理ES6让开发者能进一步接近JS引擎的能力，这些能力原先只存在于内置对象上。语言通过代理（proxy）暴露了在对象上的内部工作，代理是一种封装，能够拦截并改变JS引擎的底层操作。人话是：把代理看做是设计模式代理模式中的一种，有一个代理对象来代理本体，而ES6的Proxy牛逼的一点是可以把本体没法改变的内部属性改了代理与反射是什么？通过调用newProxy()，你可以创建一个代理用
  • Armadillo使用介绍（八）：第二个Armadillo程序 UPUPUPEveryday Armadilloarmadilloc++vs
    源码#include#includeusingnamespacestd;usingnamespacearma;//Armadillodocumentationisavailableat://http://arma.sourceforge.net/docs.html//NOTE:theC++11"auto"keywordisnotrecommendedforusewithArmadilloobjec
  • VUE——v-once指令 水煮庄周鱼鱼 VUEvue.js前端javascript
    v-once指令仅渲染元素和组件一次，并跳过之后的更新。官网介绍v-once用法：Thiswillneverchange:{{msg}}comment{{msg}}{{i}}例子：Document改变aboutOnce值{{aboutOnce}}newVue({el:'#onceApp',data:{aboutOnce:'关于v-once的用法',changeOnce(){this.aboutOn
  • js获取点击的dom 椿天在哪里 javascript前端vue.js
    可以使用事件对象来获取点击的DOM元素，如下所示：document.addEventListener('click',function(event){consttarget=event.target;console.log('点击的DOM元素是：',target);});在事件函数的参数中，event.target表示最初被点击的元素。如果需要获取点击的父级元素（如点击了某个按钮，而不只是该按钮内
  • JavaScript DOM (Document Object Model) 面试题 qq_42431718 javascript开发语言ecmascript
    JavaScriptDOM(DocumentObjectModel)面试题1.什么是DOM？DOM是DocumentObjectModel的缩写，它是一种表示和操作HTML、XML和XHTML文档的标准编程接口。DOM将文档解析为一个由节点和对象（包括元素、文本等）组成的结构树，开发者可以使用DOM提供的方法和属性来操作和修改文档的内容、结构和样式。2.什么是JSDOM？JSDOM是Node.js
  • 2019-07-24 亲亲的我
    360影视-影视搜索(function(){vara=true;varh=undefined;varg=[];document.getwide=function(){returnh};document.onwidechange=function(e,j){g.push(e)};functionf(l,e){if(!d(l,e)){varj=l.className,m=(j!="")?"":"";v
  • 百度AI千帆大模型示例代码 GO语言版 一键远控手机电脑 Go人工智能百度人工智能golang
    前端：SamplePrompt：执行promptcurrent_text=document.getElementById('answer');text="";char_index=0functionrun_prompt(){varinputValue=document.getElementById('textInput').value;document.getElementById('answer
  • JVM StackMapTable 属性的作用及理解 lijingyao8206 jvm字节码Class文件StackMapTable
            在Java 6版本之后JVM引入了栈图(Stack Map Table)概念。为了提高验证过程的效率，在字节码规范中添加了Stack Map Table属性，以下简称栈图，其方法的code属性中存储了局部变量和操作数的类型验证以及字节码的偏移量。也就是一个method需要且仅对应一个Stack Map Table。在Java 7版
  • 回调函数调用方法 百合不是茶 java
    最近在看大神写的代码时,.发现其中使用了很多的回调 ,以前只是在学习的时候经常用到 ,现在写个笔记 记录一下   代码很简单:           MainDemo  :调用方法  得到方法的返回结果        
  • [时间机器]制造时间机器需要一些材料 comsci 制造
          根据我的计算和推测,要完全实现制造一台时间机器,需要某些我们这个世界不存在的物质     和材料...       甚至可以这样说,这种材料和物质,我们在反应堆中也无法获得......      
  • 开口埋怨不如闭口做事 邓集海 邓集海 做人 做事 工作
    “开口埋怨，不如闭口做事。”不是名人名言，而是一个普通父亲对儿子的训导。但是，因为这句训导，这位普通父亲却造就了一个名人儿子。这位普通父亲造就的名人儿子，叫张明正。 　　 　　张明正出身贫寒，读书时成绩差，常挨老师批评。高中毕业，张明正连普通大学的分数线都没上。高考成绩出来后，平时开口怨这怨那的张明正，不从自身找原因，而是不停地埋怨自己家庭条件不好、埋怨父母没有给他创造良好的学习环境。 　　 　　
  • jQuery插件开发全解析，类级别与对象级别开发 IT独行者 jquery开发插件　函数
    jQuery插件的开发包括两种： 一种是类级别的插件开发，即给 jQuery添加新的全局函数，相当于给 jQuery类本身添加方法。 jQuery的全局函数就是属于 jQuery命名空间的函数，另一种是对象级别的插件开发，即给 jQuery对象添加方法。下面就两种函数的开发做详细的说明。   1 、类级别的插件开发 类级别的插件开发最直接的理解就是给jQuer
  • Rome解析Rss 413277409 Rome解析Rss
    import java.net.URL;  import java.util.List;    import org.junit.Test;    import com.sun.syndication.feed.synd.SyndCategory;  import com.sun.syndication.feed.synd.S
  • RSA加密解密 无量 加密解密rsa
    RSA加密解密代码 代码有待整理 package com.tongbanjie.commons.util; import java.security.Key; import java.security.KeyFactory; import java.security.KeyPair; import java.security.KeyPairGenerat
  • linux 软件安装遇到的问题 aichenglong linux遇到的问题ftp
    1 ftp配置中遇到的问题    500 OOPS: cannot change directory   出现该问题的原因:是SELinux安装机制的问题.只要disable SELinux就可以了   修改方法:1 修改/etc/selinux/config 中SELINUX=disabled    2 source /etc
  • 面试心得 alafqq 面试
    最近面试了好几家公司。记录下； 支付宝，面试我的人胖胖的，看着人挺好的；博彦外包的职位，面试失败； 阿里金融，面试官人也挺和善，只不过我让他吐血了。。。 由于印象比较深，记录下； 1，自我介绍 2，说下八种基本类型；（算上string。楼主才答了3种，哈哈，string其实不是基本类型，是引用类型） 3，什么是包装类，包装类的优点； 4，平时看过什么书？NND，什么书都没看过。。照样
  • java的多态性探讨 百合不是茶 java
    java的多态性是指main方法在调用属性的时候类可以对这一属性做出反应的情况 //package 1; class A{ public void test(){ System.out.println("A"); } } class D extends A{ public void test(){ S
  • 网络编程基础篇之JavaScript-学习笔记 bijian1013 JavaScript
    1.documentWrite <html> <head> <script language="JavaScript"> document.write("这是电脑网络学校"); document.close(); </script> </h
  • 探索JUnit4扩展：深入Rule bijian1013 JUnitRule单元测试
            本文将进一步探究Rule的应用，展示如何使用Rule来替代@BeforeClass，@AfterClass，@Before和@After的功能。         在上一篇中提到，可以使用Rule替代现有的大部分Runner扩展，而且也不提倡对Runner中的withBefores()，withAfte
  • [CSS]CSS浮动十五条规则 bit1129 css
    这些浮动规则，主要是参考CSS权威指南关于浮动规则的总结，然后添加一些简单的例子以验证和理解这些规则。   1. 所有的页面元素都可以浮动 2. 一个元素浮动后，会成为块级元素，比如<span>,a, strong等都会变成块级元素 3.一个元素左浮动，会向最近的块级父元素的左上角移动，直到浮动元素的左外边界碰到块级父元素的左内边界；如果这个块级父元素已经有浮动元素停靠了
  • 【Kafka六】Kafka Producer和Consumer多Broker、多Partition场景 bit1129 partition
    0.Kafka服务器配置 3个broker 1个topic，6个partition，副本因子是2 2个consumer，每个consumer三个线程并发读取   1. Producer package kafka.examples.multibrokers.producers; import java.util.Properties; import java.util.
  • zabbix_agentd.conf配置文件详解 ronin47 zabbix 配置文件
    Aliaskey的别名，例如 Alias=ttlsa.userid:vfs.file.regexp[/etc/passwd,^ttlsa:.:([0-9]+),,,,\1]， 或者ttlsa的用户ID。你可以使用key：vfs.file.regexp[/etc/passwd,^ttlsa:.: ([0-9]+),,,,\1]，也可以使用ttlsa.userid。备注: 别名不能重复，但是可以有多个
  • java--19.用矩阵求Fibonacci数列的第N项 bylijinnan fibonacci
    参考了网上的思路，写了个Java版的： public class Fibonacci { final static int[] A={1,1,1,0}; public static void main(String[] args) { int n=7; for(int i=0;i<=n;i++){ int f=fibonac
  • Netty源码学习-LengthFieldBasedFrameDecoder bylijinnan javanetty
    先看看LengthFieldBasedFrameDecoder的官方API http://docs.jboss.org/netty/3.1/api/org/jboss/netty/handler/codec/frame/LengthFieldBasedFrameDecoder.html API举例说明了LengthFieldBasedFrameDecoder的解析机制，如下： 实
  • AES加密解密 chicony 加密解密
    AES加解密算法，使用Base64做转码以及辅助加密： package com.wintv.common; import javax.crypto.Cipher; import javax.crypto.spec.IvParameterSpec; import javax.crypto.spec.SecretKeySpec; import sun.misc.BASE64Decod
  • 文件编码格式转换 ctrain 编码格式
    package com.test; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream;
  • mysql 在linux客户端插入数据中文乱码 daizj mysql中文乱码
    1、查看系统客户端，数据库，连接层的编码  查看方法： http://daizj.iteye.com/blog/2174993 进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+------
  • 好代码是廉价的代码 dcj3sjt126com 程序员读书
      长久以来我一直主张：好代码是廉价的代码。 当我跟做开发的同事说出这话时，他们的第一反应是一种惊愕，然后是将近一个星期的嘲笑，把它当作一个笑话来讲。 当他们走近看我的表情、知道我是认真的时，才收敛一点。 当最初的惊愕消退后，他们会用一些这样的话来反驳： “好代码不廉价，好代码是采用经过数十年计算机科学研究和积累得出的最佳实践设计模式和方法论建立起来的精心制作的程序代码。” 我只
  • Android网络请求库——android-async-http dcj3sjt126com android
    在iOS开发中有大名鼎鼎的ASIHttpRequest库，用来处理网络请求操作，今天要介绍的是一个在Android上同样强大的网络请求库android-async-http，目前非常火的应用Instagram和Pinterest的Android版就是用的这个网络请求库。这个网络请求库是基于Apache HttpClient库之上的一个异步网络请求处理库，网络处理均基于Android的非UI线程，通
  • ORACLE 复习笔记之SQL语句的优化 eksliang SQL优化Oracle sql语句优化SQL语句的优化
    转载请出自出处：http://eksliang.iteye.com/blog/2097999   SQL语句的优化总结如下   sql语句的优化可以按照如下六个步骤进行： 合理使用索引 避免或者简化排序 消除对大表的扫描 避免复杂的通配符匹配 调整子查询的性能 EXISTS和IN运算符 下面我就按照上面这六个步骤分别进行总结：
  • 浅析：Android 嵌套滑动机制（NestedScrolling） gg163 android移动开发滑动机制嵌套
    谷歌在发布安卓 Lollipop版本之后，为了更好的用户体验，Google为Android的滑动机制提供了NestedScrolling特性 NestedScrolling的特性可以体现在哪里呢？<!--[if !supportLineBreakNewLine]--><!--[endif]--> 比如你使用了Toolbar，下面一个ScrollView，向上滚
  • 使用hovertree菜单作为后台导航 hvt JavaScriptjquery.nethovertreeasp.net
      hovertree是一个jquery菜单插件，官方网址：http://keleyi.com/jq/hovertree/ ，可以登录该网址体验效果。 0.1.3版本：http://keleyi.com/jq/hovertree/demo/demo.0.1.3.htm hovertree插件包含文件： http://keleyi.com/jq/hovertree/css
  • SVG 教程 （二）矩形 天梯梦 svg
    SVG <rect> SVG Shapes SVG有一些预定义的形状元素，可被开发者使用和操作： 矩形 <rect> 圆形 <circle> 椭圆 <ellipse> 线 <line> 折线 <polyline> 多边形 <polygon> 路径 <path>
  • 一个简单的队列 luyulong java数据结构队列
    public class MyQueue { private long[] arr; private int front; private int end; // 有效数据的大小 private int elements; public MyQueue() { arr = new long[10]; elements = 0; front
  • 基础数据结构和算法九：Binary Search Tree sunwinner Algorithm
      A binary search tree (BST) is a binary tree where each node has a Comparable key (and an associated value) and satisfies the restriction that the key in any node is larger than the keys in all
  • 项目出现的一些问题和体会 Steven-Walker DAOWebservlet
         第一篇博客不知道要写点什么，就先来点近阶段的感悟吧。     这几天学了servlet和数据库等知识，就参照老方的视频写了一个简单的增删改查的，完成了最简单的一些功能，使用了三层架构。 dao层完成的是对数据库具体的功能实现，service层调用了dao层的实现方法，具体对servlet提供支持。  &
  • 高手问答：Java老A带你全面提升Java单兵作战能力！ ITeye管理员 java
    本期特邀《Java特种兵》作者：谢宇，CSDN论坛ID: xieyuooo 针对JAVA问题给予大家解答，欢迎网友积极提问，与专家一起讨论! 作者简介： 淘宝网资深Java工程师，CSDN超人气博主，人称“胖哥”。 CSDN博客地址： http://blog.csdn.net/xieyuooo 作者在进入大学前是一个不折不扣的计算机白痴，曾经被人笑话过不懂鼠标是什么，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他