首页 > 其他分享 >原生js常用操作

原生js常用操作

时间:2023-01-06 16:36:38浏览次数:43  
标签:原生 常用 domEle 元素 cloneNode js 查找 复制 document

元素

# 创建一个元素
document.createElement("a")

#附加到父元素的最后
pararentEle.appendChild(childEle);

#查找
document.getElementById("aa")
document.querySelector(".filename") #查找整个文档里面第一个
parentEle.querySelector(".filename") #查找父元素里面第一个

#复制节点 不复制内容,浅拷贝
domEle.cloneNode();
#复制节点 且复制内容,深拷贝
domEle.cloneNode(true);

 元素属性

# 元素内容,获取和设置
domEle.innerText
domEle.innerHtml

#元素样式 ,获取和设置
domEle.style.width

#属性 获取
domEle.getAttribute("id");
#属性 设置
domEle.setAttribute("id", 'aa');

 

标签:原生,常用,domEle,元素,cloneNode,js,查找,复制,document
From: https://www.cnblogs.com/caroline2016/p/17030843.html

相关文章

  • python + selenium 常用公共方法封装
     selenium环境配置及浏览器驱动的安装:https://www.cnblogs.com/gancuimian/p/16435300.htmluiautomator2常用公共方法封装见之前的帖子:https://www.cnblogs.com/gancu......
  • js 数组的splice
    splice():删除、插入和替换1、删除:指定2个参数:要删除的第一项的位置和要删除的项数。书写格式:arr.splice(0,2)2、插入:可以向指定位置插入任意数量的项,只需提供3......
  • 常用SQL语句整理
    一、基础知识左边是代码里定义的类属性字段名,右边是数据库里定义的表某个属性的字段名<resultMapid="KongLog"type="com.aisino.loghttpserver.entity.KongLog">......
  • 使用ExcelJS处理Excel
    官方中文文档在浏览器环境下,用Excel.js读取excel文件使用ExcelJS的原因因为SheetJS读取样式的那一部分是收费的(具体原因是因为有人花钱找他们开发的,再免费对花钱的人......
  • JS精粹--匿名函数与自执行匿名函数
    1.函数也是一种类型要理解匿名函数,首先需要理解函数也是一种类型。所以函数可以赋值给变量,如下://将数字类型值赋给变量varnum=1;//将......
  • three.js场景地形导出到物理引擎
    太长不看版遍历场景地形里的Mesh,从geometry里抽取index和position,通过这两个数组构建物理引擎里的Trimesh。 背景最近在试制网页MMORPG,内核用最顺手的three.js,资产使......
  • docker提交容器成一个新的镜像commit和push,以及docker常用命令
    docker自己提交配置好的容器,然后生成一个新的镜像,以后启动就以配置好的镜像作为模板启动代码如下:dockercommit-a"author"-m"commitmessage"容器idnamespace/name:t......
  • 更改json节点key
    json节点key更改,给朋友写的小tool,顺便记录一下/***需要转义的key对象*原key:新key*/constjsonKeysTo={'a':'new_a','b':'new_b','c>0......
  • 解决react typescript项目中引入js库项目打包报错问题
    描述在reacttypescript项目中,在打包的过程中会报错抛出couldnotfindadeclarationfileformodule的错误,报错内容如图所示原因JS库无法在TS中正常的加载,需要修改......
  • 【微信小程序】小程序原生代码生成海报[转]
    官方文档https://github.com/Kujiale-Mobile/Painter  目录结构(亲测有效) 海报【微信小程序】小程序原生代码生成海报==>https://blog.csdn.net/weixin_422321......