首页 > 编程语言 >javascript

javascript

时间:2023-04-22 15:23:55浏览次数:40  
标签:返回 javascript 元素 ele 文本 节点 属性

ele.appendChild(dom对象) 向元素添加新的子节点,作为最后一个子节点。
ele.attributes 返回元素的属性集合,通过索引访问,.nodeName表示属性名,.nodeValue表示属性值
ele.childNodes 返回元素子节点的NodeList(包含文本节点)。
ele.children 返回元素子节点(不含文本节点)
ele.className 设置或返回元素的class属性。
ele.clientHeight 返回元素的可见高度。
ele.clientWidth 返回元素的可见宽度。
ele.cloneNode(dom对象) 克隆元素。
ele.createElement(dom对象) 创建元素
ele.firstChild 返回元素的首个子元素(含文本节点)。获取第一个子节点
ele.firstElementChild 返回元素的首个子元素(不含文本节点)。获取第一个子节点
ele.getAttribute(属性名) 获取标签属性返回元素节点的指定属性值。
ele.getElementsByTagName(标签名) 返回拥有指定标签名的所有子元素的集合。
ele.getElementById(id名字) 获取首个元素
ele.getElementsByName(NAME) name名字
ele.querySelectorAll(选择器) 选择器多个
ele.getAttribbute(属性名) 获取属性值
ele.hasAttribute(属性名) 如果元素拥有指定属性,则返回true,否则返回false。
ele.hasAttributes(属性名) 如果元素拥有属性,则返回true,否则返回false。
ele.hasChildNodes() 如果元素拥有子节点,则返回true,否则false。
ele.id 设置或返回元素的id。
ele.innerHTML 设置或返回元素的内容。
ele.insertBefore(新节点,已有节点) 在指定的已有的子节点之前插入新节点。
ele.lastChild 返回元素的最后一个子元素(含文本节点)。获取最后一个子节点
ele.lastElementChild 返回元素的最后一个子元素(不含文本节点)。获取父元素最后一个元素节点
ele.nextSibling 返回位于相同节点树层级的下一个节点(含文本节点)。
ele.nextElementSibling 返回位于相同节点树层级的下一个节点(不含文本节点)。获取下一个兄弟元素节点
ele.nodeName 返回元素的名称。
ele.nodeType 返回元素的节点类型(标签1,文本3,属性2)。
ele.nodeValue 设置或返回元素值。
ele.offsetHeight 返回元素的高度。
ele.offsetWidth 返回元素的宽度。
ele.offsetLeft 返回元素的水平偏移位置。
ele.offsetParent 返回元素的偏移容器。
ele.offsetTop 返回元素的垂直偏移位置。
ele.parentNode 返回元素的父节点。 获取父节点,
ele.property(直身属性) dttribute自定义属性
ele.previousSibling 返回位于相同节点树层级的前一个元素(含文本节点)。获取上一个兄弟节点
ele.previousElementSibling 返回位于相同节点树层级的前一个元素(不含文本节点)。获取上一个兄弟元素节点
ele.removeAttribute(属性名) 删除元素从元素中移除指定属性。
ele.removeChild(dom对象) 删除创建从元素中移除子节点。
ele.replaceChild(dom对象) 替换元素中的子节点。
ele.scrollHeight 返回元素的整体高度。
ele.scrollLeft 返回元素左边缘与视图之间的距离。
ele.scrollTop 返回元素上边缘与视图之间的距离。
ele.scrollWidth 返回元素的整体宽度。
event.stopPropagation(); 阻止事件冒泡
ele.setAttribute(属性名,属性值) 设置属性把指定属性设置或更改为指定值。
ele.style 设置或返回元素的style属性。
ele.createElementFragment 不存在于主dom里空白
ele.tagName 返回元素的标签名。
eleele.title 设置或返回元素的title属性。
ele.this:常规函数和箭头函数
阻止默认行为:return false event.preventDefaault()

css。html
justify-content:space-around; 根据边框的内容大小所分配
text-align:center; 文本居中
HTML5中的textarea 文本域 属性:cols每行中的字符数 row:显示的行数
calc(百分比100% - 30px)(100% / 7) 二中方法

标签:返回,javascript,元素,ele,文本,节点,属性
From: https://www.cnblogs.com/yiqiul/p/17343138.html

相关文章

  • JavaScript奇技淫巧:Hook与反Hook
    JavaScript奇技淫巧:Hook与反Hook作者:专注于JS混淆加密的JShamanAPIHOOK技术,在PC时代曾盛行,是高端的技术。在JavaScript编程中,也可以应用APIHook技术实现不寻常的效果。例,evalhook:<html><script>//备份原window.eval函数var_eval=window.eval;//eval的hook函数window.eva......
  • JavaScript加密库
    JavaScript加密库有很多,以下是一些常见的加密库:CryptoJS:一个纯JavaScript编写的加密库,提供了各种加密算法和编码方式的实现,包括对称加密、哈希函数、消息认证码、数字签名等。sjcl:一个JavaScript编写的加密库,提供了对称加密、公钥加密、哈希函数等,支持多种加密算法和模式。for......
  • JavaScript学习笔记
    数组什么是数组?字面理解就是数字的组合其实不太准确,准确的来说数组是一个数据的集合也就是我们把一些数据放在一个盒子里面,按照顺序排好[1,2,3,'hello',true,false]这个东西就是一个数组,存储着一些数据的集合数据类型分类number/string/boolean/undefined/null/ob......
  • JavaScript 测试及效验工具
    JavaScript是一款强大的广泛运用于现代Web站点及应用的脚本语言。作为一个技艺精湛的Web开发者,掌握JavaScript可以增强用户的使用体验,提供交互及富客户端等功能。尽管JavaScript的语法非常简单,但对于写程序而言仍然是困难重重,就是因为它的运行环境:基于Web浏览器。以下您可以看......
  • JavaScript学习
    JS中的注释学习一个语言,先学习一个语言的注释,因为注释是给我们自己看的,也是给开发人员看的写好一个注释,有利于我们以后阅读代码5-1单行注释一般就是用来描述下面一行代码的作用可以直接写两个/,也可以按ctrl+///我是一个单行注释//下面代码表示在浏览器里面出现一个弹出......
  • JavaScript学习笔记
    SassSASS官网世界上最成熟、最稳定、最强大的专业级CSS扩展语言!sass是一个css的预编译工具也就是能够更优雅的书写csssass写出来的东西浏览器不认识依旧是要转换成css在浏览器中运行变量定义一个变量,在后面的代码中使用使用$来定义变量//定义一个$c作为变量,值是红......
  • 学习JavaScript
    操作步骤开通语音识别服务在调用语音识别相关接口前,您需要进入 语音识别控制台,进行实名认证和人脸认证,认证完成后,阅读《用户协议》后勾选“我已阅读并同意《用户协议》”,然后单击【立即开通】,即可一键开通录音文件识别、实时语音识别、一句话识别、录音文件识别极速版、语......
  • JavaScript的节点操作
    目录节点概述节点层级添删等节点操作使用节点操作的示例节点概述一般来说,节点至少拥有nodeType,nodeName,nodeValue这三个基本属性1.元素节点的nodeType为12.属性节点的nodeType为23.文本节点的nodeType为3(包括换行,文字,空格)节点层级1.父节点:node.parentNode(1)paren......
  • day 07 7.1 前端基础之JavaScript基础【一】
    前端基础之JavaScript基础【一】【1】、JavaScript的历史1992年底,美国国家超级电脑应用中心(NCSA)开始开发一个独立的浏览器,叫做Mosaic。这是人类历史上第一个浏览器,从此网页可以在图形界面的窗口浏览。但是该浏览器还没有面向大众的普通用户。1994年10月,NCSA的一个主要......
  • day 08 8.2 前端基础之JavaScript基础【三】
    前端基础之JavaScript基础【三】【1】、jQuery介绍jQuery是什么jQuery是一个快速、简洁的JavaScript框架。jQuery设计的宗旨是“writeLess,DoMore”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件......